"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
}