Aktualizacja danych w zmiennej i elemencie DOM Opcje

[jutro]

Witam

Chciałbym stworzyć prostą grę IDLE w javascripcie mam takie pytanie. Dane całej gry przechowuję w zmiennej, przykład:

[PHP] pobierz, plaintext 
var data = {
    "value1": 4
};
[PHP] pobierz, plaintext 

W htmlu mam takie małe okienko wyświetlające tę wartość np.

[PHP] pobierz, plaintext 
<span id="value1">4</span>
[PHP] pobierz, plaintext 

Chciałbym aby po kliknięciu w button aktualizowała się wartość jednocześnie w zmiennej i elemencie. Czy coś takiego:

[PHP] pobierz, plaintext 
$("value1").click(function() {
    data.value1 += 1;
    $("value1").text(data.value1);
});
[PHP] pobierz, plaintext 

Pytanie czy to rozwiązanie jest poprawne czy może stosuje się inne metody? Dodam że elementów klikalnych będzie dość sporo.

Ten post edytował jutro 4.09.2015, 17:42:41

[Comandeer]

Nie, raczej coś takiego: http://jsfiddle.net/Comandeer/2088qcdw/ → settery i gettery to "nowości" z ES5

Co do Angulara - nie mówiłem, żeby jego użyć (człowieku, jestem największym jego hejterem po tej stronie Wisły (IMG:style_emoticons/default/biggrin.gif) ). Raczej mówiłem o użyciu 2-way databinding.