[JS] problème avec getElementById()

Fermé

boss0211 Messages postés 264 Date d'inscription lundi 13 février 2006 Statut Membre Dernière intervention 9 septembre 2007 - 30 oct. 2006 à 20:04
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 - 30 oct. 2006 à 22:44

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

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

A voir également:

[JS] problème avec getElementById()
Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Photoshop
Pixlr - Forum Graphisme
Arrondir js ✓ - Forum Windows
Please enable js and disable any ad blocker - Forum Mozilla Firefox
Arrondi js ✓ - Forum Windows

1 réponse

Réponse 1 / 1

PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
30 oct. 2006 à 22:44

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"

@+

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Cheval de Troie JS/Kryptik.I

'JS/Agent.TS' Qu'est ce que c'est ?

Faire un echo dans un script JS

Arrondir nombre Math.round