Witam mam problem ze stroną. Odpalając stronę z jedną funkcją "dokładnie suma()" wszystko działa dobrze jednak kiedy dodam resztę funkcji lecą błędy o treści "is not defined at HTMLInputElement.onclick". Mógłby mi ktoś pomóc? Z góry dziękuje!
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<style>
#main{
width:800px;
}
</style>
<script>
function suma(liczba1, liczba2)
{
var l1 = Number(document.getElementById("liczba1").value);
var l2 = Number(document.getElementById("liczba2").value);
var wynik = l1 + l2;
document.getElementById("wynik").innerHTML = "Wynik: " + wynik;
}
function roznica()
{
{
var l1 = Number(document.getElementById("liczba1").value);
var l2 = Number(document.getElementById("liczba2").value);
var wynik = l1 - l2;
document.getElementById("wynik").innerHTML = "Wynik: " + wynik;
}
function iloczyn()
{
var l1 = Number(document.getElementById("liczba1").value);
var l2 = Number(document.getElementById("liczba2").value);
var wynik = l1 * l2;
document.getElementById("wynik").innerHTML = "Wynik: " + wynik;
}
function iloraz()
{
var l1 = Number(document.getElementById("liczba1").value);
var l2 = Number(document.getElementById("liczba2").value);
var wynik = l1 / l2;
document.getElementById("wynik").innerHTML = "Wynik: " + wynik;
}
</script>
</head>
<body>
<div id="main">
<div id="baner"><a href="index.html"><img src="baner.jpg" alt="baner"></a></img></div>
</div>
<h1>Proste działania</h1>
Podaj pierwszą liczbę: <input type="text" id="liczba1"><br/>
Podaj drugą liczbę: <input type="text" id="liczba2"><br/>
<input type="submit" value="Dodawanie" onclick="suma()"/>
<input type="submit" value="Odejmowanie" onclick="roznica()"/>
<input type="submit" value="Mnozenie" onclick="iloczyn()"/>
<input type="submit" value="Dzielenie" onclick="iloraz()"/>
<div id="wynik"></div>
</body>
</html>