• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z działaniem funkcji

0 głosów
587 wizyt
pytanie zadane 25 stycznia 2018 w JavaScript przez ildan91 Użytkownik (630 p.)

Witam, dlaczego po wciśnięciu button

a nic się nie dzieje? Drugie zadania z 2 odcinka o JavaScript.


<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>Odliczanie czasu</title>
	
	<script >
	function wypisz()
	{
	   var liczba1=document.getElementbyId("pole1").value
	var liczba2=document.getElementbyId("pole2").value
	
	for(i=liczba1; i<=liczba2; i++)
	{
	
	       document.getElementbyId("wynik").innerHTML = i +" ";
	
	
	}
	
	
	}
	
	
	
	</script>
	
</head>
<body >

<input id="pole1" type="text" >
<input id="pole2" type="text" >
<input type="submit" value="pokaż" onclick="wypisz()">
	<div id="wynik"></div>
</body>
</html>

 

3 odpowiedzi

+1 głos
odpowiedź 25 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Odpalasz konsolę (f12 w przeglądarce) i masz napisany błąd: 

document.getElementbyId is not a function

szukasz, więc błędu z tym związanego, wpisujesz w google i szukasz dokumentacji: 

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

sprawdzasz czy nie zrobiłeś jakiejś literówki i zauważasz, że "by" powinno być również z wielkiej litery, a więc:

document.getElementById(); 

 

Porada: Zrezygnuj z on-click i zapoznaj się z prawdziwym podpinaniem zdarzeń: 

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

albo coś po polsku: https://www.youtube.com/watch?v=0VXao6Jj5Eo

komentarz 25 stycznia 2018 przez ildan91 Użytkownik (630 p.)
By również poźniej poprawiłęm też to nic nie dało podobnie jak dopisanie średników
komentarz 25 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)
edycja 26 stycznia 2018 przez Kamil Łydka

Ok, już spojrzałem dokładnie.

<script> </script> zawsze na końcu <body> </body>

czyli:

<html>
<head>

</head>

<body>

 wszystko co Ci przyjdzie do głowy

 <script>
  //twój kod JS
 </script
</body>
</html>

 

0 głosów
odpowiedź 25 stycznia 2018 przez Daro69 Początkujący (440 p.)

witam,
chyba z powodu braku średników za uchwytami ...pole.").value ;

komentarz 25 stycznia 2018 przez ildan91 Użytkownik (630 p.)
dodałem później średniki dalej nic :(
0 głosów
odpowiedź 25 stycznia 2018 przez Vorex444 Dyskutant (9,610 p.)
    <script>
        function wypisz() {
            var liczba_1 = document.getElementById('pole1');  
            var liczba_2 = document.getElementById('pole2');
            for(var i = liczba_1.value; i<= liczba_2.value; i++) {
                document.getElementById('wynik').innerHTML += i + " ";
            }
        }
    </script>

ogólnie polecam również czytać logi w consoli

 

Podobne pytania

0 głosów
1 odpowiedź 322 wizyt
pytanie zadane 25 czerwca 2018 w JavaScript przez Dorian Bajorek Dyskutant (7,920 p.)
0 głosów
2 odpowiedzi 386 wizyt
pytanie zadane 24 stycznia 2018 w C i C++ przez mn130496 Gaduła (3,640 p.)
0 głosów
1 odpowiedź 2,276 wizyt

93,731 zapytań

142,668 odpowiedzi

323,286 komentarzy

63,289 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...