Проблема с изменением цвета этикетки в флажке - PullRequest
Новая
       24

Проблема с изменением цвета этикетки в флажке

0 голосов
/ 15 марта 2020

Я делаю тест, используя HTML и JavaScript. Прямо сейчас я пытаюсь задавать вопросы с несколькими ответами, используя флажки. Если вы ответите неправильно, выбранный вами ответ должен появиться красным, а правильный - зеленым. Я пытался сделать это, используя этот код:

JavaScript

if ( document.getElementById('doc').checked && 
   document.getElementById('prompt').checked &&
   document.getElementById('get').checked &&
   document.getElementById('alert').checked
) {
   document.getElementById("label33").style.color = 'green';
   document.getElementById("label34").style.color = 'green';
   document.getElementById("label35").style.color = 'green';
   document.getElementById("label36").style.color = 'green';
   pkt+=2;
}

HTML

<fieldset>
    <legend>Pytanie14</legend>
    <p>Jakimi sposobami można wyświetlić tekst? (Uwaga.Może być więcej niż jedna odpowiedź).</p>

    <label for="doc" id="label33"><input type="checkbox" id="doc"/>document.write("tekst");</label>
    <br>
    <label for="prompt" id="label34"><input type="checkbox" id="prompt"/>prompt("tekst");</label>
    <br>
    <label for="get" id="label35"><input type="checkbox" id="get"/>document.getElementById("id").innerHTML="tekst";</label>
    <br>
    <label for="alert" id="label36"><input type="checkbox" id="alert"/>alert("tekst");</label>
    </select>
</fieldset>

С этим кодом, когда я проверяю все флажки, только один (последний ответ) отображается зеленым, а остальные красным. Буду признателен за любую помощь.

...