Introduction à JavaScript

Licence 2 Sociologie quantitative (L2 SoQ), Université de Lille, 2021

JavaScript : Observation

JavaScript : Compréhension

Contrairement aux autres éléments du fichier HTML, le contenu de l'élément script n'est pas écrit en langage HTML : il est écrit en langage JavaScript.

<script type="text/javascript">
  var radio_univ_oui = document.getElementById('univ-oui')
  var radio_univ_non = document.getElementById('univ-non')
  var div_formation = document.getElementById('formation')

  function show_formation_display(){
    div_formation.style.display='block'
  }

  function hide_formation_display(){
    div_formation.style.display='none'
  }

  radio_univ_oui.addEventListener('click',show_formation_display)
  radio_univ_non.addEventListener('click',hide_formation_display)
</script>

Nous allons sauter directement à la fin de l'élément script pour observer ses deux dernières lignes.

JavaScript : Pratique

À votre tour. En vous inspirant de cet exemple, crééz un formulaire reprenant des parties de votre choix de ce formulaire de recensement nécéssitant un comportement dynamique, c'est à dire des éléments qui apparaissent/disparaissent en fonction des réponses précédentes saisies par le visiteur.

L'exemple ci-dessus illustre la capacité de JavaScript à modifier l'attribut CSS display à l'aide de notation pointée : div_formation.style.display='none'. JavaScript peut naturellement aussi modifier les autres attributs CSS d'un élément (couleur de fond, taille/couleur de police, marges etc.) en utilisant la propriété JavaScript équivalente (se référer à cette page).