クラス内の要素からonclickへの入力値

Question

クラス内の要素から引き出された値をonclick関数に入力するにはどうすればよいですか？

次は私が取得するために探していたコードです：

<span class="total-sum"><span>2 790.00</span> USD</span> 

<span onclick="calculate_cart(68803,2790.00);">GO</span> 

通知は、最初の要素から2 790.00は、そのスペースを削除しているとonclickに配置されます。

これが成功し、 `2 790.00を引っ張るとスペースを削除し、私が書いたいくつかのJSです：

.querySelector(".total-sum span").textContent.replace(/\s/g, "");

私はonclick自体にコードを配置する方法にこだわっています。

Answer 1

onclick属性のテキストを置き換える代わりに、.total-sum spanの内容を直接calculate_cartにプルしませんか？

function calculate_cart(some_id) { 
    var total_sum = document.querySelector(".total-sum span").textContent.replace(/\s/g, ""); 
    // the rest of `calculate_cart` 
} 

そして、あなたは二番目のパラメータは必要ありません：あなたは、インラインそれを必要とする場合は、このようにそれを使用することができます

<span onclick="calculate_cart(68803);">GO</span> 

Answer 2

を：

<span onclick="calculate_cart(68803,document.querySelector('.total-sum span').textContent.replace(/\s/g, ''));">GO</span> 

Answer 3

あなたは、パラメータとして値を渡すことができます：

function myFunction(x, y){ 
 
    console.log('x: ' + x + ' y: ' + y); 
 
}

<input type="text" class="fields" value="2300"/> 
 
<input type="text" class="fields" value="100"/> 
 
<button onclick='myFunction(document.getElementsByClassName("fields")[0].value, document.getElementsByClassName("fields")[1].value)'>do function</button>