Code html (utilisant l'identité des objets)
<html>
<head>
<script language="javascript">
function afficheMessage() {
alert('Bonjour '+document.getElementById('texte1').value+' !');
}
</script>
</head>
<body>
<div style="text-align:center">Entrer votre prénom : <input type="text" id="texte1">
</div>
<div style="text-align:center"><input type="button" value="Cliquer" onClick="afficheMessage()">
</div>
</body>
</html>
Code html (utilisant le nom des objets et les formulaires)
<html>
<head>
<script language="javascript">
function afficheMessage() {
alert('Bonjour '+document.formulaire1.texte1.value+' !');
}
</script>
</head>
<body>
<form name="formulaire1">
<div style="text-align:center">Entrer votre prénom : <input type="text" name="texte1"></div>
<div style="text-align:center"><input type="button" value="Cliquer" onClick="afficheMessage()"></div>
</form>
</body>
</html>