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

Problem z działaniem funkcji

Cloud VPS
0 głosów
480 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ź 231 wizyt
pytanie zadane 25 czerwca 2018 w JavaScript przez Dorian Bajorek Dyskutant (7,920 p.)
0 głosów
2 odpowiedzi 279 wizyt
pytanie zadane 24 stycznia 2018 w C i C++ przez mn130496 Gaduła (3,530 p.)
0 głosów
1 odpowiedź 2,159 wizyt

93,481 zapytań

142,414 odpowiedzi

322,758 komentarzy

62,893 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

Kursy INF.02 i INF.03
...