<a>タグ内の値を増やす方法

Question

こんにちは私は、ボタン内の値をインクリメントし、ボタンをクリックするたびに1ずつインクリメントしたいと考えています。私はこれまで持っていたコードを以下に示します。

<a data-role="button" data-icon="shop" class="ui-btn-right ui-shadow ui-corner-all ui-btn-icon-center ui-icon-heart" id="Count" style="text-align: center;">0</a> 

<script> 


btn.onclick = function() { 
    var linkText = parseInt(document.getElementById('Count').value); 
    value = isNaN(value) ? 0 : value; 
    value++; 
    document.getElementById('Count').value = value; 
    } 
</script> 

私はボタンを押したら、それは<a></a>の値を更新しませんが。私は例<a>0</a>ため<a>タグの値を変更できるようにしたいとボタンが押されたら<a>タグが入力要素のために予約プロパティです<a>1</a>

Answer 1

利用textContentの代わりvalueを、表示されます。

var count = document.getElementById('Count'); 
 

 
document.getElementById('button').onclick = function() { 
 
    var linkText = +count.textContent; 
 

 
    count.textContent = ++linkText; 
 
}

<button id="button">Increment</button> 
 

 
<a data-role="button" id="Count">0</a>