Mon premier javascript
Résolu
Utilisateur anonyme
-
vsf90 Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
vsf90 Messages postés 26 Date d'inscription Statut Membre Dernière intervention -
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>
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:
- Mon premier javascript
- Telecharger javascript - Télécharger - Langages
- Javascript arrondi ✓ - Forum Javascript
- Pourquoi certaines personnes apparaissent en premier sur messenger ✓ - Forum Facebook
- Premier opinion ✓ - Forum Virus
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
7 réponses
Bonsoir,
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. ;)
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>
<!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
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.
Gates gave ^H sold you the windows.
GNU gave us the whole house.(Alexandrin)
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