18 Fév 2015 Démonstration Javascript by webmaster | posted in: javascript | 0 Qui êtes-vous ? Cliquez ici Quel est votre âge ? Entrez votre âge et validez votre choix ! Validez ! Quel est votre prénom ? Validez ! Quelle est votre école ? Validez ! En quelle année êtes-vous ? 1ère année2ème année3ème année4ème année5ème année6ème année Le code expliqué <h2>Qui êtes-vous ?</h2> <form> <button type = "button" onclick = "greet()"> Cliquez ici </button> </form> <script type = "text/javascript"> function greet() { var userName = prompt("Quel est votre nom ?"); if (userName == "Dupont") { alert("Hello, Professeur " + userName); } else { alert("Bonjour !"); } } </script> <h2>Quel est votre âge ?</h2> <p>Entrez votre âge et validez votre choix !</p> <input id="age" /> <button onclick="myFunction()">Validez !</button> <p id="demo"></p> <script type = "text/javascript"> function myFunction() { var age,voteable; age = document.getElementById("age").value; voteable = (age < 18) ? "Vous devez encore aller à l'école":"Vous n'êtes plus obligé d'aller à l'école"; document.getElementById("demo").innerHTML = voteable + " Désolé !"; } </script> <h2>Quel est votre prénom ?</h2> <input id="prenom" /> <button onclick="myFunction()">Validez !</button> <script type = "text/javascript"> function myFunction() { var prenom; prenom = document.getElementById("prenom").value; alert("Bonjour " + prenom + " ! "); } </script> <h2>Quelle est votre école ?</h2> <input id="ecole" /> <button onclick="myFunction()">Validez !</button> <p id="demo"></p> <br /> <script type = "text/javascript"> function myFunction() { var ecole; ecole = document.getElementById("ecole").value; if (ecole == "Ans") { document.getElementById("demo").innerHTML = "Bienvenue à l'école de " + ecole + " ! "; } else { document.getElementById("demo").innerHTML = "Bienvenue à vous qui venez de " + ecole + " ! "; } } </script> <form> <strong>En quelle année êtes-vous ? </strong> <br> <select id="mySelect"> <option>1ère année</option> <option>2ème année</option> <option>3ème année</option> <option>4ème année</option> <option>5ème année</option> <option>6ème année</option> </select> <br><br> <input type="button" onclick="getOption()" value="Validez votre choix !"> </form> <p id="demo"></p> <script type = "text/javascript"> function getOption() { var obj = document.getElementById("mySelect"); document.getElementById("demo").innerHTML = "Vous êtes en " + obj.options[obj.selectedIndex].text; } </script>