Mon premier javascript
Résolu
Utilisateur anonyme
-
vsf90 Messages postés 28 Statut Membre -
vsf90 Messages postés 28 Statut Membre -
Bonjour,
le code suivant (c'est le premier que je fais), je l'ai trouvé ds un livre datant de 8 ans, et il ne marche pas, il ouvre en théorie une nouvelle page avec écrit hello+nom+! :
<html>
<body>
<form>
<input type="texte" value="">
<input type="button" value="OK"
onClick="go(document.forms.0.elements0.value)">
</form>
<script language= "JavaScript">
function go(nom)
{alert("Hello" + nom +"!")
}
</script>
</body>
</html>
--
il n'y a pas de problèmes, il n'y a que des solutions.
le code suivant (c'est le premier que je fais), je l'ai trouvé ds un livre datant de 8 ans, et il ne marche pas, il ouvre en théorie une nouvelle page avec écrit hello+nom+! :
<html>
<body>
<form>
<input type="texte" value="">
<input type="button" value="OK"
onClick="go(document.forms.0.elements0.value)">
</form>
<script language= "JavaScript">
function go(nom)
{alert("Hello" + nom +"!")
}
</script>
</body>
</html>
--
il n'y a pas de problèmes, il n'y a que des solutions.
7 réponses
-
Bonsoir,
onClick="go(document.forms[0].elements[0].value)">
les balises <form> de votre page sont enregistrer sous forme de tableau (array).
De même pour les elements qui les composent.
Et ça n'ouvre pas de nouvelle page, mais une alert sur la même page. ;) -
Maintenant avec cet mise à jour et quelque correction il marchera
<!DOCTYPE html PUBLIC "-//w3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/XHTML1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="FR">
<head>
<title> Le nom de la page s'affiche en haut dans le navigateur</title>
</head>
<body>
<script type= "text/javascript">
function go()
{
var p = document.getElementById("nom").value;
alert("Hello "+p+" !");
}
</script>
<form>
<input type="text" name="nom" id="nom">
<input type="button" value="OK"
onClick="go()">
</form>
</body>
</html> -
Tu peux maintenant le marquer résolu.
Un conseil commece par apprendre HTML et CSS. Une fois tu maitrisera ces deux langages revient travailler en javascript -
Tes accès aux DOM ne sont pas corrects.
Essaye déjà ceci et essaye de trouver des tutoriels modernes et de suivre les standards)
Il vaudrait mieux donner des id aux éléments HTML.johand@osiris: ~/src/CCM/javascript $ cat first.html <html> <head> <script type="text/javascript"> function go(nom) { alert("Hello " + nom +"!"); } function go2(value) { alert("Hello " + value +"!"); } </script> </head> <body> <form> Input1: <input type="text" value=""> <input type="button" value="OK" onClick="go(document.forms[0].elements[0].value)"> </form> <br /> <form> Input2: <input id="my_input" type="text" value=""> <input type="button" value="OK" onClick="go2(document.getElementById('my_input').value)"> </form> </body> </html>
Gates gave ^H sold you the windows.
GNU gave us the whole house.(Alexandrin) -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
merci à tous pour vos indications et vos conseil. Je me suis donc mis à bien apprendre le HTML et le CSS avec l'édition Micro application que j'ai trouvé à la bibliothèque. Pour le javascript, je lis les articles de comment ça marche.
-
N'hésite pas à me poser vos questions je vous réponderai.
Tu peux aussi me joindre sur facebook le voici mon facebook :
https://www.facebook.com/zkhattabi
