0

对于一个学校项目,我尝试编写一个简单的计算器,它运行良好。但是现在我总是收到错误消息“无法读取 null 的属性 'addEventListener'”,我只是不知道该怎么做。我试图改变一些事情,但没有运气。

<html>
<head>
<title>Info Projekt</title>
<script src="BerechnungScript1.js">
</script>
</head>
<body>
<main>
    <input type="number" id="Zahl1" value="0" size="3">
    <input type="number" id="Zahl2" value="0" size="3">
    <button type="button" id="add">+</button>
    <button type="button" id="sub">-</button>
    <button type="button" id="multi">*</button>
    <button type="button" id="divi">:</button>
</main>

<p id="demo"></p>

</body>
</html>
var EingabeEins  = document.getElementById('Zahl1');
var EingabeZwei  = document.getElementById('Zahl2');

function Multipliziere() {
    var Ergebnis = Number(EingabeEins.value) * Number(EingabeZwei.value);
    var Ausgabe = (`Das Produkt von ${EingabeEins.value} und ${EingabeZwei.value} ist ${Ergebnis}`);
    document.getElementById("demo").innerHTML = Ausgabe;
}

function Dividiere() {
    var Ergebnis = Number(EingabeEins.value) / Number(EingabeZwei.value);
    var Ausgabe = (`Der Quotient von ${EingabeEins.value} und ${EingabeZwei.value} ist ${Ergebnis}`);
    document.getElementById("demo").innerHTML = Ausgabe;
}

function Subtrahiere() {
    var Ergebnis = Number(EingabeEins.value) - Number(EingabeZwei.value);
    var Ausgabe = (`Die Differenz aus ${EingabeEins.value} und ${EingabeZwei.value} ist ${Ergebnis}`);
    document.getElementById("demo").innerHTML = Ausgabe;
}

function Addiere() {
    var Ergebnis = Number(EingabeEins.value) + Number(EingabeZwei.value);
    var Ausgabe = (`Der Summand von ${EingabeEins.value} und ${EingabeZwei.value} ist ${Ergebnis}`);
    document.getElementById("demo").innerHTML = Ausgabe;
}

var multi  = document.getElementById('multi');
multi.addEventListener('click', Multipliziere, true);

var divi  = document.getElementById('divi');
divi.addEventListener('click', Dividiere, true);

var sub  = document.getElementById('sub');
sub.addEventListener('click', Subtrahiere, true);

var add  = document.getElementById('add');
add.addEventListener('click', Addiere, true);
4

0 回答 0