Почему javascript не работает?

голоса: 0

Помогите, пожалуйста.

<p style="display:none;" class="dr">62</p>
<p class="rub" style="display:none;">12</p>
<p style="display: none;" class="oldprice">32</p>
<span style="color: #de0707; font-size: 16px; font-weight: 500;" class="dollar"></span> <span style="color: #de0707; font-size: 16px; font-weight: 500;" >руб.</span><br>
<span class="olddollar"></span> <span>руб. - розница</span>
<br>
<p style="display:none;" id="dr">62</p>
<p id="rub" style="display:none;">12</p>
<p style="display: none;" id="oldprice">32</p>
<span style="color: #de0707; font-size: 16px; font-weight: 500;" id="dollar"></span> <span style="color: #de0707; font-size: 16px; font-weight: 500;" >руб.</span><br>
<span id="olddollar"></span> <span>руб. - розница</span>
<script>
var rub = document.getElementByClassName("rub").innerHTML;
var dr = document.getElementByClassName('dr').innerHTML;
var oldrub = document.getElementByClassName("oldprice").innerHTML;
var dollar = document.getElementByClassName('dollar');
var olddollar = document.getElementByClassName('olddollar');
summa = (parseInt(oldrub * dr));
olddollar.innerHTML = summa;
result = (parseInt(rub * dr));
dollar.innerHTML = result;
</script>

 

| Автор: | Категория: JavaScript

Ответов: 1

Голоса: +1
 
Лучший ответ
Нет дочерней разметки... надо innerText.
| Автор:
Выбор ответа лучшим | | Автор: Akmarjon Karimov
Где надо добавить? Можете показать?
Akmarjon Karimov,
InnerHtml меняем на innerText.
Sentimo,
Всё равно не получилось. Вот ссылка https://www.w3schools.com/code/tryit.asp?filename=FSSFUKQLZ8YO
Akmarjon Karimov,
Что должно быть в итоге? Зачем натив, используйте jquery...
Sentimo,

В итоге Javascript внутри этого тега

<span style="color: #de0707; font-size: 16px; font-weight: 500;" class="dollar"></span>

 

должен 62 умножить на 12 = 744.

ИТОГ

<span style="color: #de0707; font-size: 16px; font-weight: 500;" class="dollar">744</span>

 
Akmarjon Karimov,
Ясно, ждите, в понедельник набросаю рабочий вариант.
Sentimo,
Здравствуйте.
Sentimo,
Можете посмотреть вот это https://www.w3schools.com/code/tryit.asp?filename=FSWY26UD5KST  Как сделать если такой классов много?
...