File "code01.php"

Full Path: /home/analogde/www/Massage_v1_2023/code01.php
File size: 1.56 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <!--
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
-->


<script>
function fun() 
{
var title = document.nomformulaire.value;
document.title = nomformulaire;
}
</script>

  </head>

 <body>

 <select name="nomformulaire" onchange="fun();">
        <option value="10">10</option>
        <option value="12">12</option>
        <option value="15">15</option>
        <option value="17">17</option>
</select>

<br>
<br>

<select name="pays" id="pays">
   <option selected value="">-- Sélectionnez un pays --</option>
   <option value="FR">France</option>
   <option value="IT">Italie</option>
   <option value="CH">Suisse</option>
</select>

<div>
   Code du pays : <span class="code"></span>
</div>

<script>
// Récupère la liste déroulante #pays et le span .code
const listePays = document.getElementById("pays");
const codeSelectionne = document.querySelector("span.code");

// Sur changement de la valeur de la liste déroulante
listePays.addEventListener("change", function() {
   // Récupère la valeur de l'option sélectionnée
   let codePays = listePays.value;
   // Modifie le contenu texte du span .code
   codeSelectionne.innerText = codePays;
   
   
   const introPara = document.getElementById("intro");
   
   introPara.innerHTML = "Je suis un <em>nouveau</em> paragraphe !";
   
});
</script>

<p id="intro">
  Je suis un <strong>joli</strong> paragraphe !
</p>

</body>
</html>