<!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>