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

Problem z działaniem funkcji

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

92,977 zapytań

141,940 odpowiedzi

321,182 komentarzy

62,303 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.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...