premier test de Javascript

**laurentSc** · 08/05/2008, 17h12

Bonjour,

je viens de décider d'apprendre le javascript. Pour ce faire, j'ai acheté sur Amazon un pavé (1000 pages). J'ai fait un premier code en m'inspirant d'un de leurs exemples, mais ça marche mal : est-ce que qqun pourrait me dire quel le pb ds mon code ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<form name="essai">
  <table>
    <tbody>
      <tr>
        <td>donn&eacute;e :</td>
        <td><input name="test" onchange="fct();"
 type="text"></td>
      </tr>
      <tr>
        <td><input value="faire le test"
 onclick="fct();" type="button"></td>
      </tr>
      <tr>
        <td>test : <span id="test2"></span></td>
      </tr>
    </tbody>
  </table>
</form>
<script language="JavaScript">
function fct() {
var test = document.getElementById("test");
test2.innerHTML = test;
}
</script>
</body>
</html>

Le fichier correspondant.

**Philippe PONS** · 08/05/2008, 17h40

Essai ça:

function fct() {
// tu récupères une référence à l'élément SPAN
var test2 = document.getElementById("test");
// tu insères une chaine de caractère dans cet élément
test2.innerHTML = "test"; // entre guillmemets, la chaine!!
}

Pas testé!

Philippe

**laurentSc** · 08/05/2008, 17h56

Ca marche, mais ça ne produit pas ce qu'il faut : au lieu de réafficher la valeur saisie ds "test", ça affiche la chaîne de caractères "test"...

**mimagyc** · 08/05/2008, 18h00

Il te faut un id a ton input, et puis ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function fct() {
var test = document.getElementById("test");
document.getElementById("test").innerHTML = test;
}

pas tester non plus ^^

edit:

tu veus faire ca ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<form name="essai">
  <table>
    <tbody>
      <tr>
        <td>donn&eacute;e :</td>
        <td><input id="test" name="test" type="text"></td>
      </tr>
      <tr>
        <td><input value="faire le test"
 onclick="fct()" type="button"></td>
      </tr>
      <tr>
        <td>test : <span id="test2"></span></td>
      </tr>
    </tbody>
  </table>
</form>
<script language="JavaScript">
function fct() {
var test = document.getElementById("test").value;
document.getElementById("test2").innerHTML = test;
}
</script>
</body>
</html>

ca devrai marcher.

ou bien si tu veu un résultat directement a la saisi du text :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input id="test" name="test" onKeyUp="fct()" type="text">

**laurentSc** · 08/05/2008, 18h20

Il n'y a pas d'id ds les "input" des formulaires ; j'ai qd même essayé, mais au lieu de me réafficher la valeur saisie ds "test", il écrit :"[object]"

**Montor** · 08/05/2008, 19h53

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0056)http://laurentschmitt18.free.fr/testjavascript/test.html -->
<HTML><HEAD><TITLE>test</TITLE>
<META http-equiv=content-type content="text/html; charset=ISO-8859-1">
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<FORM name=essai>
<TABLE>
  <TBODY>
  <TR>
    <TD>donnée :</TD>
    <TD><INPUT onchange=fct();type=text name="test" id="test" ></TD></TR>
  <TR>
    <TD><INPUT onclick=fct(); type=button value="faire le test"></TD></TR>
  <TR>
    <TD>test2 : <SPAN id=test2></SPAN></TD></TR></TBODY></TABLE></FORM>
<SCRIPT language=JavaScript>
function fct() {
 
test2.innerHTML =document.getElementById("test").value ;
}
</SCRIPT>
</BODY></HTML>

**laurentSc** · 08/05/2008, 20h32

Cette fois, ça marche ; merci. Mais visiblement, ce n'est pas simple. Ce qui manquait, c'est apparemment le ".value"...

premier test de Javascript

JavaScript

Discussions similaires

Partager

Partager