Как изменить «строчные» цифры на сайте с помощью JS

avatar
Aaron Hazzard
9 августа 2021 в 01:56
49
1
-2

У меня возникла проблема: на веб-сайте отображается бумажник с 25 долларами. Вот где находится кошелек:

<p id="wallet"></p>

В JS я хочу, чтобы пользователь вводил то, что он хочет купить (это не настоящие деньги, а виртуальные деньги с использованием целых чисел). Если они хотят торт, они вводят его, а затем нажимают кнопку, чтобы отобразить свой заказ. Однако одновременно я хочу, чтобы число (кошелек) уменьшалось по стоимости. Торт = 5 долларов. Следовательно, покупка торта должна снизить цену на 25-20 долларов. Ничто из того, что я пытаюсь, не работает. Я пытался использовать parseInt(), но я не знаю, почему он не меняет его на веб-сайте, и я не совсем понимаю, когда и зачем его использовать, поскольку я новичок в JS. Это всего лишь изменение кошелька в консоли как целое число. Я пробовал это:

var wallet = document.getElementById('wallet').innerHTML = 25 //Makes the <P> an integer number hopefully
var cake = 5; //cost of cake

if(input == "cake"){ 
    wallet - cake;// If user inputs cake then subtract from wallet the cost of the cake
}

Вычитает. К сожалению только в консоли не для пользователя. Это означает, что пользователь по-прежнему видит $25.

ОБЯЗАТЕЛЬНО: Я хочу изменить innerHTML с 25 на количество оставшихся денег у пользователя :(

Источник

Ответы (1)

avatar
Spectric
9 августа 2021 в 02:00
0

Попробуйте:

var wallet = document.getElementById('wallet')
var cake = 5; //cost of cake
let input = "cake";
if(input == "cake"){ 
    wallet.innerHTML -= cake;// If user inputs cake then subtract from wallet the cost of the cake
}
<p id="wallet">25</p>
Aaron Hazzard
9 августа 2021 в 03:04
0

Братан/Сестренка, не знаю, какой ты такой умный, но ты только что выставил меня идиотом. Это было так просто, омг. Большое спасибо чувак :D

Spectric
9 августа 2021 в 03:11
0

@AaronHazzard Нет проблем :). Пожалуйста, примите мой ответ, если он поможет.

Aaron Hazzard
9 августа 2021 в 05:21
0

Как мне? я новичок в этом

Spectric
9 августа 2021 в 14:13
0

@AaronHazzard Просто нажмите на галочку рядом с постом. См.: Как работает принятие ответа?

Aaron Hazzard
10 августа 2021 в 03:28
0

Готово: Д. Спасибо еще раз!