podstawy podstaw js

Question

Witam, mając najprostszą pętlę JS

for(i = 0; i < 32; i++){
    document.write(i + " ");
}

jak zrobić żeby każda wyświetlona liczba była np w h1?

 

Dzięki

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

Comments

Nie wiem co mam z tym zrobić :|

---

@Comandeer dlatego właśnie w tytule jest podstawy podstaw :D

Swoją drogą i tak zazwyczaj w kursach/ książkach jest podany na początku innerHTML i żadnej dodatkowej opcji nie ma. O textContent to chyba po pół roku zabawy JS się dowiedziałam (kochane forum <3) bo tak to myślałam, że to innerHTML do wszystkiego sobie mogę walnąć

Answer 2

for(i = 0; i < 32; i++){
    document.write("<h1>" + i + " </h1>");
}

 

Answer 3

Jeśli chodzi Tobie o tag <h1> to:

Stwórz w twoim dokumencie HTML tag <h1></h1>

Teraz musisz się odwołać z poziomu JS do elementu z html'a i nadać temu elementowi warość w postaci danej liczby. Czyli

pomiędzy nawiasami klamrowymi umieść to:

document.getElementsByTagName("h1")[0].innerHTML += i + " ";

W nawiasie kwadratowym wpisałem 0 bo zakładam, że ten tag h1 jest pierwszym tagiem h1 w twoim html'u.

I polecam Ci kupić jakąś książke związaną JS albo poradnik obejrzeć, bo to są proste rzeczy.

 

Comments

jak piszesz, że proste rzeczy to od razu bym poleciła nadać elementowi klasę i po klasie się do niego odwołać za pomocą querySelector i wtedy bez żadnych tam [0] JS wybiera nam pierwszy napotkany element z daną klasą.

Poza tym, tak jak Comandeer wcześniej napisał tutaj zamiast innerHTML wypadałoby użyć textContent, bo to pierwsze to raczej w przypadku, kiedy chcemy dodatkowo coś wstawić razem ze znacznikami, a tu mamy zwykły tekst.