1つの変数に2つの値を格納する方法は？

Question

HTML

<div class="number" id="number7"><br> 
    <a href="" onclick="calculate(event)"><span>7</span></a> 
</div> 

JS

function calculate(event){ 
    event.preventDefault(); 
    var number = event.target.innerText; 
} 

calculateは7を返しますが、私は、JavaScriptの変数にnumber7を必要としています。

Answer 1

jQueryを使用して、spanを比較的見つけることができます。

$(".calculate").click(function() { 
 
    console.log($(this).children("span").html()) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="number" id="number7"><br> 
 
    <a href="" class="calculate"><span>7</span></a> 
 
</div>

Answer 2

あなたはプレーンなJavaScriptでこれを行うために探している場合は、次のスクリプトを使用できます。これはあなた」要素のテキストを取得します

function calculate(event) { 
    var value = parseInt(event.currentTarget.innerText, 10); 
} 

をveはonclick="calculate(event)"に縛られ、機能によって実行されます。 read up more on parseInt on MDNでも構いませんが、本質的には文字列を整数に変換します。今度は7という整数値が変数valueとして保存されていますので、それを使って何でもできます。