Is not defined at HTMLInputElement.onclick

0

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>
1

Hej, a oto i źródło problemu:

function roznica() {
    { // <- Ta klamra otwiera, ale nie ma zamknięcia
        var l1 = Number(document.getElementById("liczba1").value);
        var l2 = Number(document.getElementById("liczba2").value);

        var wynik = l1 - l2;

        document.getElementById("wynik").innerHTML = "Wynik: " + wynik;
    }

Stąd pojawia Ci się problem, że funkcje są niezdefiniowane. Przez błędy w strukturze kodu JS nie będzie widział funkcji ;)

0

zainwestuj w jakikolwiek edytor kodu

0

Póki co się uczę ,a używam notepada++.

1 użytkowników online, w tym zalogowanych: 0, gości: 1