Skip to content

Instantly share code, notes, and snippets.

View DigitalDW's full-sized avatar

Loris Rimaz DigitalDW

16 followers · 6 following
View GitHub Profile
@DigitalDW
DigitalDW / solutions_T2.html
Created October 27, 2021 06:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>T2</title>
<style>
#div1 {
width: 150px;
@DigitalDW
DigitalDW / JS_variables_et_DOM.js
Created October 20, 2021 11:25
// VARIABLES
// Déclarer une variable
let chat;
// Assigner une valeur à une variable
chat = 'Mistigri';
// Déclarer une variable et lui assigner une valeur
let prénom = 'Henri';
@DigitalDW
DigitalDW / T2.html
Created October 20, 2021 09:16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>T2</title>
<style>
#div1 {
width: 150px;
@DigitalDW
DigitalDW / T2.md
Last active October 27, 2021 06:09

TP2 - fonctions et DOM

Exercice 1 - fonctions basiques

Pour cette exercice, créez un code JS avec VSCode (vous pouvez l'écrire directement dans une balise <script> dans un fichier .html ou créer un fichier .js que vous importez dans un fichier .html) qui crée et exécute les fonctions suivantes :

  1. Créez une fonction nommée helloWorld qui écrit "Hello world !" dans la console.
  2. Créez une fonction nommée doubler qui prend un argument, que vous pouvez par exemple appeler valeur, et qui retourne la valeur entrée en argument additionnée à elle-même. Résultats attendus :



  


  




    


          
    

      

        
        

          

              @DigitalDW
          

          

            
                DigitalDW
                / T1.md
            
            

              Last active
              October 19, 2021 07:56
            

          

        

      

        

  

      

    
TP1 - Objets, variables et DOM


Exercice 1 - créer des objets


Pour cet exercice, dans un fichier JS, vous devrez exprimer les objets suivants sous forme d'objets JS. Il n'y a pas forcément de corrigé, puisque chaque objet peut être structuré assez librement. Pour vérifier que les objets crées sont conformes à la notation JS, nous vous recommandons de les copier/coller dans la console et d'appuyer sur "Enter". Si la console vous retourne votre objet, alors il est valide.


    

  1. Un livre. Si vous ne savez pas quel livre choisir, créez un objet JS de The Overhaul.
    2. 

  2. Une voiture d'occasion. Pour vous aider à créer votre objet, vous pouvez vous inspirer de sites tels que AutoScoot24.
    3. 

  3. Une personne. Si vous n'avez pas de personne en tête, créez un objet qui vous représente.
    4. 

  4. Plus compliqué, créez un objet qui représente un artiste musical (avec des attributs comme une discographie, groupe(s), récompenses,
    5. 




  


  




    


          
    

      

        
        

          

              @DigitalDW
          

          

            
                DigitalDW
                / Serie4_(suite)_DOM.md
            
            

              Last active
              September 30, 2020 10:12
            

          

        

      

        

  

      

    
Exercice 1


Sur la base de ce code HTML... :


<ul>
  <li>1er élément</li>
  <li class="elementPair">2ème élément</li>
  <li>3ème élément</li>
  <li class="elementPair">4ème élément</li>
  <li id="le5emeElement">5ème élément</li>



  


  




    


          
    

      

        
        

          

              @DigitalDW
          

          

            
                DigitalDW
                / Série 11.md
            
            

              Last active
              October 12, 2020 11:06
            

          

        

      

        

  

      

    
==== Exercice 1 ====


Sans indications, obtenir le résultat suivant.


Solution


==== Exercice 2 ====


2.1) Créez un input et un bouton.



  


  




    


          
    

      

        
        

          

              @DigitalDW
          

          

            
                DigitalDW
                / Série 10.md
            
            

              Last active
              December 12, 2018 08:02
            

          

        

      

        

  

      

    
==== Exercice 1 ====


Les distributeurs ont changé de manière de fonctionner.
A présent, à la place d'entrer un code, l'utilisateur doit exécuter une danse pour pouvoir retirer de l'argent.


    

  1. Créer une fonction qui prend comme argument une série de 4 chiffres et qui les convertit en mouvement de danse.
    2. 

  2. Prendre en compte les erreurs si l'argument de la fonction diffère de ce qui est attendu.
    3. 



Tableau des mouvements de danse -> tab_danse = ["balancé", "entrechat", "pas de bourrée", "glissade", "jeté",
"pas chassé", "pirouette", "rond de jambe", "sissonne", "arabesque"];



  


  




    


          
    

      

        
        

          

              @DigitalDW
          

          

            
                DigitalDW
                / Serie 9.md
            
            

              Last active
              October 30, 2019 09:42
            

          

        

      

        

  

      

    
====== Exercice 1 =====


Créez un programme qui permet de lancer 1000 pièces et qui calcul la proportion de pile et de face.


Solution




====== Exercice 2 =====



  


  




    


          
    

      

        
        

          

              @DigitalDW
          

          

            
                DigitalDW
                / Serie8_Tableaux.md
            
            

              Last active
              October 30, 2019 09:45
                — forked from GregoryThonney/Serie8_Tableaux2.md
            

              
                Série 8
              
          

        

      

        

  

      

    
==== Exercice 1 ====


    

  1. Remplir un tableau (mon_tab) de 1 à 100 et l'afficher.
    2. 

  2. Modifier mon_tab pour qu'il ne soit composé que de chiffres pairs.
    3. 

  3. Modifier mon_tab pour que toutes les valeurs soient multipliées par 42.
    4. 



Liens utiles: filter() et map().


Solution