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

Zmiana treści paragrafu po kilkukrotnym na kliknięciu na ten sam guzik.

0 głosów
82 wizyt
pytanie zadane 18 października 2021 w JavaScript przez hajd3n Nowicjusz (120 p.)
Cześć, mam problem z prostym zadaniem. Chciałbym aby po naciśnięci tego samego przycisku za każdym razem w zadeklarowanym divie lub paragrafie pojawiał się jeden z 3 tekstów, jak to zrobić?
komentarz 18 października 2021 przez ScriptyChris Mędrzec (183,660 p.)
A z czym konkretnie masz problem i jaki kod do tej pory napisałeś?

2 odpowiedzi

+3 głosów
odpowiedź 19 października 2021 przez SzkolnyAdmin Maniak (73,500 p.)

Zapoznaj się z następującymi pojęciami:

- funkcje w JavaScript

- obsługa zdarzeń (interesuje cie zdarzenie click na przycisku)

- dostęp do elementów strony przy pomocy JavaScript

Jak będziesz miał kod, to wróć na forum i pokaż z czym masz problem.

+1 głos
odpowiedź 19 października 2021 przez qax Dyskutant (8,040 p.)

Rozwiązanie jest bardzo proste. Na przykład losowanie jednego z trzech tekstów po naciśnięciu klawisza enter lub spacja:

var paragraf = document.getElementById('paragraf');
var trzyTeksty = ['Tekst numer jeden', 'Tekst numer dwa', 'Tekst numer trzy'];
document.addEventListener('keydown', function(e) {
	if (e.keyCode === 13 || e.keyCode === 32) {
  	paragraf.innerText = trzyTeksty[Math.floor(Math.random() * trzyTeksty.length)];
  }
}, false);

PS. Mimo, że nie kosztowało mnie to dużo pracy - odwaliłem ją za Ciebie.

komentarz 19 października 2021 przez VBService Mędrzec (185,700 p.)

Mimo, że nie kosztowało mnie to dużo pracy - odwaliłem ją za Ciebie.

smiley tak bywa, dla jednych "łatwe", dla drugich ... pozostaje "pomocna ręka" @qax-a yes

Podobne pytania

+1 głos
2 odpowiedzi 179 wizyt
pytanie zadane 30 stycznia 2021 w JavaScript przez Dariusz Hozer Użytkownik (790 p.)
0 głosów
4 odpowiedzi 236 wizyt
pytanie zadane 5 marca 2019 w JavaScript przez PROFF Obywatel (1,180 p.)
0 głosów
0 odpowiedzi 100 wizyt

89,085 zapytań

137,670 odpowiedzi

307,624 komentarzy

59,142 pasjonatów

Motyw:

Akcja Pajacyk

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

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...