Javascript 单击按钮时增加一个数字，按钮中仍有$符号

所以我在这上面摩擦我的头，我似乎不知道如何在有$符号的情况下将数字增加1。请帮助：( HTML

$200    
加1美元

首先需要删除

$

符号，将数据转换为数值（整数）并添加

1

，然后添加回

$

符号并向用户显示，如下所示：

document.getElementById（'rease-button'）。addEventListener（'click'，function（）{
让val=document.getElementById（'jackpot'）.textContent；
val=parseInt（val.replace（'$'，''）+1；
document.getElementById（'jackpot'）。innerHTML='$'+val；
})；

$200
加1美元

首先需要删除

$

符号，将数据转换为数值（整数）并添加

1

，然后添加回

$

符号并向用户显示，如下所示：

document.getElementById（'rease-button'）。addEventListener（'click'，function（）{
让val=document.getElementById（'jackpot'）.textContent；
val=parseInt（val.replace（'$'，''）+1；
document.getElementById（'jackpot'）。innerHTML='$'+val；
})；

$200
加1美元

那么添加代码在哪里呢？那么添加代码在哪里呢？在检索文本时，您使用的是

textContent

，但在赋值时，您为什么要使用

innerHTML

？@粘胶习惯的力量。innerHTML的问题是，有时检索它可能不会产生足够干净的值，这取决于标记nd格式。您可以诚实地使用

textContent

。在检索文本时，您使用的是

textContent

，但在赋值时，您为什么要使用

innerHTML

？@Rayon习惯性力量。

innerHTML

的问题是，有时根据m检索它可能不会产生足够干净的值arkup和format。您可以使用

textContent

进行这两种设置。

    <section id="jackpot-container">
    <div id="jackpot">$200</div>    
</section>

<section id="buttons-container">
    <button id="increase-button" class="button">Add $1</button>
</section>