对于一个学校项目,我尝试编写一个简单的计算器,它运行良好。但是现在我总是收到错误消息“无法读取 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);