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

У меня есть числовое значение в диапазоне (.amount) в иерархии с другими div (.coins и .description).

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

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

2 - Обновить переменную $total суммой $coins + $wallet

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>

javascript variables html getelementsbyclassname
person Jonatas    schedule 29.04.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

  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>
person Adrien Leloir    schedule 29.04.2020
comment
Спасибо Адриан!! Есть ли возможность использовать класс, не меняя ID? И сообщите иерархии, что-то вроде document.getElement... (.coin. amount) Будет ли это работать таким образом? - person Jonatas; 29.04.2020
comment
Да, вы можете использовать селектор запросов document.querySelector(".coin .amout").innerText - person Adrien Leloir; 29.04.2020