gpt4 book ai didi

javascript - 单击按钮时替换文本

转载 作者:行者123 更新时间:2023-11-28 08:48:45 24 4
gpt4 key购买 nike

我正在寻找一些代码,允许我单击一个按钮(值为“Next”的按钮),然后该按钮将用新代码替换我页面上的一些代码。这是我当前的代码,我需要替换分数计数器之后的所有内容。对于草率的代码表示歉意,我对此还很陌生。

<body>
<p>Score: <span id="counter">0</span></p><br/>

<p>1) What colour is this?</p><br />

<p><img style= "margin: 0 auto;" src="colour1.png" width="70%"></p><br /><br />


<p><button id="none" onClick="showDiv01()">Almond White</button><br>
<button id="score" onClick="showDiv02(); this.disabled = 'true';">Raspberry Diva</button><br>
<button id="none" onClick="showDiv01()">Melon Sorbet</button><br>
<button id="none" onClick="showDiv01()">Gentle Lavender</button><br></p>


<div id="answer1" style="display:none;" class="wronganswer">&#10007;</div>
<div id="answer2" style="display:none;" class="rightanswer">&#10003;</div>


<p><input type="button" name="next2" value="Next" onClick="showDiv2()" /></p>
</body>

最佳答案

如果您想替换按钮上的文本,请单击。我检查过您的按钮有一个 onClick="showDiv2()"

所以尝试这样(例如)

function showDiv2 () {
document.getElementById('counter').innerHTML = ""; //empty the value
}

这里是示例 fiddle ,我已经创建,当您单击“下一步”时,计数器将被替换。

关于javascript - 单击按钮时替换文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19425394/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com