Javascript 使用新的HTML删除InnerHTML
我正在尝试制作一个小的在线问答游戏,但我对InnerHTML元素有问题。。。如下图所示,在脚本部分,我测试了用户没有在文本输入中输入任何内容时的游戏反应。它会发出警告,然后用红色字母表示“重试”,直到用户再次用第二个答案点击我的脸。如果他们又错了,我希望它是相同的事情,保持“重试”文本在屏幕上。但是,当我得到正确的答案时,我仍然可以在绿色的“正确”文本上方看到红色的“重试”文本,这是我不想要的,因为用户答对了,它应该只说“正确”。。。不包括任何带有红色“重试”文本的内容,只包括绿色文本。当用户获得正确答案或删除到绿色“Correct!”文本时,如何更改红色文本!没有任何红色文字的痕迹!?!谢谢大家! 这是我的密码Javascript 使用新的HTML删除InnerHTML,javascript,css,html,google-chrome,innerhtml,Javascript,Css,Html,Google Chrome,Innerhtml,我正在尝试制作一个小的在线问答游戏,但我对InnerHTML元素有问题。。。如下图所示,在脚本部分,我测试了用户没有在文本输入中输入任何内容时的游戏反应。它会发出警告,然后用红色字母表示“重试”,直到用户再次用第二个答案点击我的脸。如果他们又错了,我希望它是相同的事情,保持“重试”文本在屏幕上。但是,当我得到正确的答案时,我仍然可以在绿色的“正确”文本上方看到红色的“重试”文本,这是我不想要的,因为用户答对了,它应该只说“正确”。。。不包括任何带有红色“重试”文本的内容,只包括绿色文本。当用户获
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>Question 1</title>
<body bgcolor= "black"/>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<center>
</head>
<div id="headingq1">
<h1 id= "QNumber">Question #1</h1>
<h2 id="Question">About how many people live on planet Earth currently?</h2>
<input type="text" id="textboxOne"/>
<br>
<p id="checkAnswer">(To check your answer, click my face!)</p>
<img src="Steam Profile Photo2.png" onclick="answerOne()"/>
<br>
<p id="tryAgain"></p><p id="correct"></p>
</div>
<script type="text/javascript">
function answerOne() {
var userValue = document.getElementById('textboxOne').value;
if (userValue.length == 0) {
alert('You cannot be serious right now...');
document.getElementById('tryAgain').innerHTML = "Please Try Again";
}
if (userValue === "7,000,000,000") {
document.getElementById('correct').innerHTML ="Correct! And it is growing!";
return;
}
}
</script>
<footer id="copyrightfoot">Copyright © 2015 KameCode Ltd. </footer>
</center>
</html>
问题1
问题#1
目前地球上大约有多少人?
(要查看您的答案,请单击我的脸!)
函数answerOne(){
var userValue=document.getElementById('textboxOne').value;
如果(userValue.length==0){
警惕(“你现在不可能是认真的…”);
document.getElementById('tryAgain').innerHTML=“请重试”;
}
如果(用户值==“700000000”){
document.getElementById('correct').innerHTML=“correct!它正在增长!”;
返回;
}
}
版权及副本;2015 KameCode有限公司。
如果输入的值为700000000,则只需隐藏“tryAgain”元素即可
var profilePic=document.getElementById('profilePic'),
userValue=document.getElementById('textboxOne'),
tryAgain=document.getElementById('tryAgain'),
correct=document.getElementById('correct');
profilePic.onclick=函数(){
log(userValue.value.length);
如果(!userValue.value.length){
log('你现在不可能是认真的…');
tryAgain.innerHTML=“请重试”;
}
如果(userValue.value==“700000000”){
tryAgain.style.display='none';
correct.innerHTML=“正确!而且它正在增长!”;
}
}
问题#1
目前地球上大约有多少人?
(要查看您的答案,请单击我的脸!)
函数validateSuccess(){
$(“#elementId”).html('newhtml');
}
当您根据游戏逻辑验证了正确的输入后,请致电validateSuccess您的链接无法访问我诚挚的道歉。。。让我买一个有效的!使该驱动器链接公开或可供所有人访问它在输出正确的情况下是否显示警报?我将把它放在哪里?稍加解释,这个答案将走很长的路。谢谢Omar!很好用!“新html”是什么?如果您不想显示任何内容,则新html可以是“”,如果您想显示此类消息,则可以是“您现在有有效的输入”。。它可以是任何您想要与用户沟通以获得正确输入的内容
<script type="text/javascript">
function validateSuccess(){
$("#elementId").html('new html');
}
</script>