изменить и получить значение из функции JavaScript

Question

Вот что я хочу сделать, но с другой ... техникой / методом.Первый работает, второй нет:

function hello(){
    var number = document.getElementById("omg").innerHTML;
    if(number==undefined){
    number=0;
    }
    number++;
    document.getElementById("omg").innerHTML=number;
}

<input type="submit" value="yeah" onclick="hello()">
<div id="omg"></div>

---

Вот способ, которым я хочу это сделать, техника, которую я хочу использовать, но она не работает.1006 *

function hello(){
    var number;
    if(number==undefined){
    number=1;
    }
    document.getElementById("omg").innerHTML=number;
    number++;
}

<input type="submit" value="yeah" onclick="hello()">
<div id="omg"></div>

Вместо того, чтобы брать последнее значение из div, я хочу получить его из строки в функции.Итак, дело в том, что каждый раз, когда я нажимаю кнопку, число увеличивается на единицу.

Answer 1

сохранить начальное значение в самом div (сохраняет объявление, и вы все равно должны что-то отображать)

<input type="submit" value="yeah" onclick="hello();"/>
<div id="omg">0</div>

и вызвать функцию как:

function hello(){
   var t = document.getElementById("omg").innerHTML;
   document.getElementById("omg").innerHTML = parseInt(t,10) + 1;
}

возьмите его сюда

Answer 2

хорошо, вам нужно сделать число глобальной переменной, а не локальной переменной для вашей функции.В противном случае каждый раз, когда вы вызываете эту функцию, она сбрасывает номер до 1.

var number;

function hello(){ 
    if(number==undefined){
      number=1;
    }
    document.getElementById("omg").innerHTML=number;
    number++;
}