Я пытаюсь ответить на вопрос как HW.Ответ, который я напечатал, должен появиться на экране, но это не так.Я несколько раз проверял, что пошло не так в строках «15» и «17», используя функцию response ().Я не нашел ничего плохого и мне нужна помощь с отладкой и написанием правильного синтаксиса.
Есть ли что-то, что требует переписывания?спасибо.
Я несколько раз пытался проверить синтаксические ошибки.
function responseYes() {
document.getElementById('screen').InnerHTML = "You are correct!"
}
function responseNo() {
document.getElementById('screen').InnerHTML = "You are wrong~~"
}
body,
html {
width: 100%;
height: 100%;
margin: 0;
background-image: linear-gradient(#613AAB, #613);
color: antiquewhite;
font-weight: normal;
}
h1,
h2 {
font-weight: normal;
text-align: center;
}
#screen {
width: 80%;
border: 1px solid #E8C8F0;
margin: auto;
display: table;
padding: 1%
}
.Answers {
width: 47%;
font-size: 13pt;
color: darkred;
background-color: rgba(255, 255, 255, .5);
float: left;
margin: .15%;
padding: 1%;
border-radius: 5px;
}
.Answers p {
position: relative;
margin: 3% 0;
}
.Answers:hover {
background-color: rgba(255, 255, 255, .8)
}
<body>
<div id="screen">
<h1>Quiz Mania</h1>
<h2>Who wants to rap with kermit?</h2>
<a href="#" onClick="responseYes()">
<div class="Answers">
<p>Me</p>
</div>
</a>
<a href="#" onClick="responseNo()">
<div class="Answers">
<p>A dog pissing at outside</p>
</div>
</a>
<a href="#" onClick="responseNo()">
<div class="Answers">
<p>space</p>
</div>
</a>
<a href="#" onClick="responseYes()">
<div class="Answers">
<p>pencil</p>
</div>
</a>
</div>
</body>