Копировать содержимое диапазона в иерархии в переменную

Question

У меня есть значение цифры c в промежутке (.amount), в иерархии с другими элементами div (.coins и .description).

Что я хотел бы сделать:

1 - Скопируйте содержимое <.amount> в переменную с именем $ coins

2 - Обновите сумму var $ с суммой в $ монет + $ кошелек

3 - Скопируйте переменную $ total и показать его в Span с идентификатором # total

Ниже приведена идея процесса, но это не сам код.

Очень спасибо!

<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

1. Как получить содержимое диапазона

2. Как установить содержимое в диапазоне

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