Mon premier javascript

Résolu/Fermé
Utilisateur anonyme - 5 févr. 2012 à 16:30
vsf90 Messages postés 26 Date d'inscription dimanche 15 janvier 2012 Statut Membre Dernière intervention 13 février 2012 - 6 févr. 2012 à 23:22
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>


A voir également:

7 réponses

afrnos Messages postés 59 Date d'inscription mercredi 26 novembre 2008 Statut Membre Dernière intervention 12 avril 2012 16
6 févr. 2012 à 00:35
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. ;)
1
vsf90 Messages postés 26 Date d'inscription dimanche 15 janvier 2012 Statut Membre Dernière intervention 13 février 2012 2
6 févr. 2012 à 02:03
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>
1
vsf90 Messages postés 26 Date d'inscription dimanche 15 janvier 2012 Statut Membre Dernière intervention 13 février 2012 2
6 févr. 2012 à 02:06
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
1
jisisv Messages postés 3645 Date d'inscription dimanche 18 mars 2001 Statut Modérateur Dernière intervention 15 janvier 2017 934
Modifié par jisisv le 6/02/2012 à 06:13
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)
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
5 févr. 2012 à 16:31
j'édite mes codes sur notepad++
0
Utilisateur anonyme
6 févr. 2012 à 16:56
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.
0
vsf90 Messages postés 26 Date d'inscription dimanche 15 janvier 2012 Statut Membre Dernière intervention 13 février 2012 2
6 févr. 2012 à 23:22
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
0