Démonstration Javascript

posted in: javascript | 0

Qui êtes-vous ?


Quel est votre âge ?

Entrez votre âge et validez votre choix !

Quel est votre prénom ?

Quelle est votre école ?

En quelle année êtes-vous ?


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>

logowebmaster1