Bonjour, j'essai de passer une variable javascript que je recupére au début de mon fichier html et le passer par un button en html. Comment je peux procéder merci ?
Version imprimable
Bonjour, j'essai de passer une variable javascript que je recupére au début de mon fichier html et le passer par un button en html. Comment je peux procéder merci ?
:salut:
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
42
43
44
45
46
47
48
49
50
51
52
53 <!DOCTYPE html> <html lang="fr" dir="ltr"> <head> <meta http-equiv="cache-control" content="public, max-age=60"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="Daniel Hagnoul"> <title>Test</title> <style> form { margin: 1.5rem; } </style> <script> 'use strict'; document.addEventListener( 'DOMContentLoaded', ev => { }); window.addEventListener( 'load', ev => { let n = 12; document.querySelector( "#btnTest" ).addEventListener( "click", ev => { document.querySelector( "#formHiddenInput" ).value = n; }); document.querySelector( "#formTest" ).addEventListener( "submit", ev => { ev.preventDefault(); ev.stopPropagation(); console.log( "nom value = ", document.querySelector( "#formNom" ).value ); console.log( "hidden value = ", document.querySelector( "#formHiddenInput" ).value ); }); }); </script> </head> <body> <main> <button id="btnTest">Modifier</button> <form id="formTest"> <input type="text" id="formNom" placeholder="votre nom" value="Daniel" name="nom"> <input type="hidden" id="formHiddenInput" value="0"> <input type="submit"> </form > </main> </body> </html>