Question

首先，对我的语法感到抱歉，因为我来自波兰。您好，我必须做一个测验作为家庭作业。当我是我的时候，我因为脚本而遇到了问题（未捕获的TypeError：无法将属性'innerHTML'设置为null）。该脚本应告诉您答案是好是坏。该错误在代码的最后一行之前弹出。代码：

let par1 = document.querySelector("#d1");
let par2 = document.querySelector("#d2");
let counter = 0;
let str = "";


const q1= prompt("Klawiatura to urządzenie:","wpisz tu wejścia, wyjścia lub wejścia i wyjścia").trim().toLowerCase()

const q2= prompt("Darmowe opragramowanie to:").trim().toLowerCase()

const q3= prompt("Podstawowy program do grafiki rastrowej to:").trim().toLowerCase()

const q4= prompt("Nazwa darmowego programu do grafiki od Linuxa").trim().toLowerCase()

const q5= prompt("Co to MacIntosh").trim().toLowerCase()

const q6= prompt("Licencja wolnego i otwartego oprogramowania to:").trim().toLowerCase()

const q7= prompt("Najpopularniejszy format plików muzycznych to:").trim().toLowerCase()

const q8= prompt("Jak nazywa się przeglądarka od Google?").trim().toLowerCase()

const q9= prompt("Jak inaczej nmówi się na procesor?").trim().toLowerCase()

const q10= prompt("Do otwierania stron www służy:").trim().toLowerCase()


if(q1 === "wejścia"){
    str += "Pytanie 1 - <span style=color:green>dobra odpowiedź</span> "
    counter++
}else{
    str += "Pytanie 1 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: wejścia"
}
if(q2 === "freeware"){
    str += "Pytanie 2 - <span style=color:green>dobra odpowiedź</span>"
    counter++
}else{
    str += "Pytanie 2 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: freeware"
}
if(q3 === "paint"){
    str += "Pytanie 3 - <span style=color:green>dobra odpowiedź</span> "
    counter++
}else{
    str += "Pytanie 3 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: paint"
}
if(q4 === "gimp"){
    str += "Pytanie 4 - <span style=color:green>dobra odpowiedź</span> "
    counter++
}else{
    str += "Pytanie 4 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: gimp"
}
if(q5 === "systemoperacyjny"){
    str += "Pytanie 5 - <span style=color:green>dobra odpowiedź</span> "
    counter++
}else{
    str += "Pytanie 5 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: system operacyjny"
}
if(q6 === "gnugpl"){
    str += "Pytanie 6 - <span style=color:green>dobra odpowiedź</span> " 
    counter++
}else{
    str += "Pytanie 6 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: GNU GPL"
}
if(q7 === "mp3"){
    str += "Pytanie 7 - <span style=color:green>dobra odpowiedź</span> "
    counter++
}else{
    str += "Pytanie 7 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to:  MP3"
}
if(q8 === "chrome"){
    str += "Pytanie 8 - <span style=color:green>dobra odpowiedź</span> " 
    counter++
}else{
    str += "Pytanie 8 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: Chrome"
}
if(q9 === "cpu"){
    str += "Pytanie 9 - <span style=color:green>dobra odpowiedź</span> " 
    counter++
}else{
    str += "Pytanie 9 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: CPU"
}
if(q10 === "hiperłącze"){
    str += "Pytanie 10 - <span style=color:green>dobra odpowiedź</span> " 
    counter++
}else{
    str += "Pytanie 10 - <span style=color:red>zła odpowiedź</span> - dobra odpowiedź to: hiperłącze"
} 

par1.innerHTML = str;
par2.innerHTML = counter;

body{
    background-image: url(./img/tlo.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: fixed;
}

h3{
    background-color: rgba(156, 160, 163, 0.5);
    font-size: 72px;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

<!DOCTYPE html>
<html lang="en pl">
    <head>
        <meta charset="UTF-8">
        <title>Quiz</title>
        <link rel="Stylesheet" href="style.css">
        <script src="script.js"></script>
    </head>
    <body>
        <h3>Quiz</h3>
        <div id="d1"></div>
        <div id="d2"></div>
    </body>
</html>

未捕获的TypeError：无法将属性'innerHTML'设置为null

0 个答案: