将层次结构中的跨度内容复制到变量

Question

我在跨度 (.amount) 中有数值，与其他 div（.coins 和 .description）处于层次结构中。

我想做的事情：

1 - 将 <.amount> 的内容复制到名为 $coins

的变量中

2 - 用 $coins + $wallet

的总和更新变量 $total

3 - 复制 var $total 并将其显示在 ID 为 #total

的 Span 中

下面是流程的思路，但不是代码本身。

非常感谢！

<div class="coins">
    <div class="description">
        <span class="amount">152</span>
    </div>
</div>

<script>
    var coins = 152 //content of the hierarchy class ".coins .amount"
    var wallet = 1000
    var total = coins + wallet
</script>

Your Total: <span id="total">$total</span>

Answer 1

How to get content of span

How to set content in span

<div class="coins">
    <div class="description">
        <span id="amount">152</span>
    </div>

    <p>Your Total: <span id="total"></span></p>
</div>

<script>
        var coins = Number(document.getElementById("amount").innerText)
        var wallet = 1000
        var total = coins + wallet

        document.getElementById("total").innerText = total
</script>

将层次结构中的跨度内容复制到变量

Copy span content within a hierarchy, to a variable

html

javascript

variables

getelementsbyclassname