"Hello World !" en JavaScript
Question
Créer un fichier HTML contenant un bouton. Ajouter la fonction JavaScript qui permet d'afficher "Hello World !" lorsque l'on clique sur le bouton.
Solution
hw.html
1
<html>
2
<head>
3
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
<title>Hello World !</title>
5
<script type="text/javascript" src="hw.js"></script>
6
</head>
7
<body>
8
<input type="button" onClick="hw()" value="Clic me !"/>
9
</body>
10
</html>
hw.js
1
function hw () {
2
alert("Hello World")
3
}
Question
Ajouter un champ de saisie texte au fichier HTML. Ajouter la fonction JavaScript qui permet d'afficher le contenu de ce champ de saisie lorsque l'on clique sur le bouton.
Solution
hw.html
1
<html>
2
<head>
3
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
<title>Hello World !</title>
5
<script type="text/javascript" src="hw.js"></script>
6
</head>
7
<body>
8
<input type="text" id="text"/>
9
<input type="button" onClick="hw2()" value="Clic me !"/>
10
</body>
11
</html>
hw.js
1
function hw2() {
2
alert (document.getElementById('text').value)
3
}