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

Question

我具有一个跨度（.amount）中的数值，与其他div（.coins和.description）在层次结构中。

我想做什么：

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

2-用$ coins + $ wallet的总和更新var $ 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>

我具有跨度（.amount）中的数值，与其他div（.coins和.description）在层次结构中。我想做的是：1-将<.amount>的内容复制到名为$ coins的变量中2-...

Answer 1

1. How to get content of span

2. 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>