[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
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 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
Bsr
Disons que l'intérêt d'utiliser document.write() à chaque ligne m'échappe ...
... quand :
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"
@+
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"
@+
