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

[ctom]

a w Vuejs możesz zrobić to tak:

[HTML] pobierz, plaintext 
<div id="app">
    <div v-on="click: up1">{{ value1 }}</div>
</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
new Vue({
    	el: '#app',
        data: {
         	value1: 10  
        },
        methods: {
         	up1: function(){
             	this.value1++;   
            }
        }
    });
[JAVASCRIPT] pobierz, plaintext