[JS] problème avec getElementById()

boss0211 Messages postés 264 Date d'inscription Statut Membre Dernière intervention -
PhP Messages postés 1770 Date d'inscription Statut Membre Dernière intervention - 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>

Afficher la suite

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

1 réponse

Réponse 1 / 1

PhP Messages postés 1770 Date d'inscription Statut Membre Dernière intervention 606

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

Votre réponse

Discussions similaires