Javascript sostituisce il contenuto di html - javascript, innerhtml

Sto cercando di sostituire alcuni contenuti della pagina html. Lo seleziono correttamente, ma quando provo a rimetterlo, html mi mostra "Undefined"

var count = 1;
var count2 = 0;
document.getElementById("element1").onkeyup = function () {
if (count2 === 0) {
var content1 = document.getElementById("element2").innerHTML;
count2 = 1;
}
if (document.getElementById("element1").value !== "") {
document.getElementById("element2").innerHTML = "";
count = 0;
} else if (count === 0) {
document.getElementById("element2").innerHTML = content1;
count = 1;
}
};

Qualcuno sa perché?

risposte:

è un problema di sollevamento, dichiarare content1 all'inizio della funzione, non all'interno di uno statioent se

Ok ho risolto. Ho dovuto rendere content1 variabile globale.

var count = 1;
var content1;
window.onload = function () {
content1 = document.getElementById("element1").innerHTML;
};
document.getElementById("element2").onkeyup = function () {

if (document.getElementById("element2").value !== "") {
document.getElementById("element1").innerHTML = "";
count = 0;
} else if (count === 0) {
document.getElementById("element1").innerHTML = content1;
count = 1;
}
};