enregistrement dans localstorage onkeyup

Question

J'essaie d'enregistrer des données de formulaire dans localstorage lors d'un événement avec javascript. J'ai le code suivant mais j'obtiens l'erreur "Uncaught TypeError: Impossible de définir la propriété 'onkeyup' de null".

html

<input type="text" id="username" /> 

javscript

var user = document.getElementById("username"); 
user.onkeyup = function(){ 
    localStorage.setItem('user', user.value); 
}; 

Answer 1

Vous essayez d'accéder à l'élément DOM avant est terminé chargé. Enveloppez votre code dans une fonction et appelez window.onload

function init() { 
var user = document.getElementById("username"); 
user.onkeyup = function(){ 
    localStorage.setItem('user', user.value); 
}; 
} 
window.onload = init;