Przeładowanie strony przy kliknieciu

pytanie zadane 15 maja 2018 w JavaScript przez yoomati Początkujący (460 p.)

Witam , chciałbym zrobić w swoim projekcie taką fukcję ze przy kliknieciu w inputa niedość ze załadowuję nam daną funkcje zdarzeniem "onclick" to dodatkowo przeładowuje stronę , da się to jakość zrobić czy poprostu do każdej fukcji dodać przeładowanie ?

Kod HTML

<menu>
				
			<input type="submit" value="Kwadrat" onclick="kwadrat()"  >
			<input type="submit" value="Prostokąt" onclick="prostokat()">
			<input type="submit" value="Trojkąt równoboczny" onclick="trojkat()"> <br /> <br /> 
				
			<input type="submit" value="Rownoległobok" onclick="rownoleglobok()"> 
			<input type="submit" value="Trapez" onclick="trapez()">
			<input type="submit" value="Romb" onclick="romb()"> <br /> <br />
				
			<input type="submit" value="Sześcian" onclick="szescian()">
			<input type="submit" value="Koło" onclick="kolo()">
			<input type="submit" value="Kula" onclick="kula()">
			
		</menu>

komentarz 15 maja 2018 przez ScriptyChris Mędrzec (190,190 p.)

Poza tym, co napisał Ci @BT101, to czy zdajesz sobie sprawę, że jeśli na klik chcesz wykonać jakąś akcję, po czym odświeżyć stronę, to użytkownik raczej nie zdąży zauważyć efektu działania tej czynności - jeśli odświeżenie nie będzie odpowiednio opóźnione?

komentarz 16 maja 2018 przez yoomati Początkujący (460 p.)

Źle to napisałem chodziło mi o przeladowanie strony głównej na podstronę

2 odpowiedzi

odpowiedź 15 maja 2018 przez BT101 Stary wyjadacz (12,540 p.)

location.reload();

Dodaj do każdej funkcij. Swoją drogą odświeżanie strony użytkownikowi to raczej nie najlepsze UX(user experience) ale jak tam chcesz.

komentarz 16 maja 2018 przez yoomati Początkujący (460 p.)

Źle to napisałem chodziło mi o przeladowanie strony głównej na podstronę

komentarz 16 maja 2018 przez BT101 Stary wyjadacz (12,540 p.)

Zpoznaj sie z pojęciem SPA

odpowiedź 17 maja 2018 przez Piotr Ruciński Początkujący (280 p.)

W przeglądarce istnieje coś takiego jak window.location - obiekt przechowujący informację na temat aktualnie informację o stronie, adresie, ścieżce na jakiej jesteś.

Na Twoim miejscu, zamiast dodawać onclick w elementach HTML, dałbym w pliku JS coś w stylu:

[...document.querySelectorAll('menu input')].forEach(element => {
element.addEventListener('click', ()=> {
window.location.href = " string będący adresem na ktory przekierowujesz"
})
})

Oczywiście przydałaby się tez mapa adresów, na które chcesz przekierować, ale ideę powinieneś zrozumieć :)