Affichage résultat JavaScript zone de texte
Bonjour,
j'ai écrit le code suivant:
Code:
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
34
35
36
37
38
39
40
41
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
function afficher()
{
var num1=Number(document.form1.num1.value);
var num2=Number(document.form1.num2.value);
console.log(num1+num2);
document.form1.res.value=num1+num2;
// document.write(num1+num2);
}
</script>
</head>
<body>
<form name="form1">
<table>
<tr>
<td><label for="">Entrer nombre 1:</label> </td>
<td><input type="text" name="num1"></td>
</tr>
<tr>
<td><label for="">Entrer nombre 2:</label> </td>
<td><input type="text" name="num2"></td>
</tr>
<tr>
<td><label for="">Résultat:</label></td>
<td><input type="text" name="res"></td>
</tr>
<tr >
<td colspan="2"><button onclick="afficher();">Calculer</button></td>
</tr>
</table>
</form>
</body>
</html> |
il ne contient aucune erreur, sauf que le résultat s'affiche pour un court temps et les zones de texte s'initialisent et se remettent à 0
Merci pour votre aide
