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

Question

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ć?

Comments

A z czym konkretnie masz problem i jaki kod do tej pory napisałeś?

Answer 1

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.

Answer 2

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.

Comments

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

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