[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()
Js/kryptik.ad ✓ - Forum Virus
Arrondi js ✓ - Forum Windows
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 Windows
Remplir une case de tableau avec une couleur grise avec texture de pointillés ✓ - Forum Photoshop
Reproduction d'un dessin - Forum Graphisme

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

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

javascript arrondi après la virgule

Arrondir nombre Math.round

Javacript, 2 chiffres après la virgule