[JS] problème avec getElementById()
boss0211
Messages postés
264
Statut
Membre
-
PhP Messages postés 1774 Statut Membre -
PhP Messages postés 1774 Statut Membre -
Bonjour
je m'entraîne avec le javascript mais j'ai un petit problème avec le getElementById() je voudrais que ce que je tappe dans la zone de texte apparaisse dans mon div . Mais cela ne fonctionne pas. Si quelqu'un peu m'expliquer mon erreur !! merci bien à vous!
Code : JavaScript
--
MERCI BIEN!!
je m'entraîne avec le javascript mais j'ai un petit problème avec le getElementById() je voudrais que ce que je tappe dans la zone de texte apparaisse dans mon div . Mais cela ne fonctionne pas. Si quelqu'un peu m'expliquer mon erreur !! merci bien à vous!
Code : JavaScript
<script type="text/JavaScript" language="javascript">
document.write('<html>');
document.write('<head>');
document.write('<title>');
document.write('test avec getElementById');
document.write('</title>');
function test()
{
document.getElementById("counter").innerHTML = document.getElementById("form").zone.value;
}
document.write('</head>');
document.write('<body>');
document.write('<form name="form">');
document.write('<input type="text" name="zone"><br>');
document.write('<input type="submit" name="envoyer" value="Envoyer" onClick="test()" /><br>');
document.write('</form>');
document.write('<br>');
document.write('<div id="counter"></div>');
document.write('</body></html>');
</script>
--
MERCI BIEN!!
1 réponse
-
Bsr
Disons que l'intérêt d'utiliser document.write() à chaque ligne m'échappe ...
... quand :
<html> <head> <title>test avec getElementById</title> <script> <!-- function test() { document.getElementById("counter").innerHTML = document.getElementById("form1").zone.value; } // --> </script> </head> <body> <form name="form1"> <input type="text" name="zone"><br> <input type="button" name="envoyer" value="Envoyer" onClick="test()" /><br> </form> <div id="counter"></div> </body> </html>
fonctionne bien ;-)
Nota : j'ai changé le nom du formumaire en "form1" Evite d'utiliser des mots réservés au langage comme nom ou pire comme variable
Mais surtout j'ai remplacé le bouton de type "submit" par un bouton classique de type "button"
@+
