HTML Grundlagen: Button

5 Lösungen

Anfänger - HTML/CSS von Gelöschte Person - 01.04.2019 um 19:21 Uhr

Schreibt einen Code der einen Button zur Seite hinzufügt.

Zusatzaufgabe: Wenn man den Button anklickt wird die Seite neu geladen

Bitte melden Sie sich an um zur Aufgabenbeschreibung eine Frage zu stellen.

Frage stellen

Bitte melden Sie sich an um eine Lösung einzureichen.

Lösung einreichen

2 Kommentare

von Waldgeist (2310 Punkte) - 24.02.2020 um 15:58 Uhr

Hallo,

ich habe für den Button eine schöne Lösung gefunden.
Damit man auch sieht, das was passiert habe ich ein Script für die Uhrzeit eingebunden.

Grüße
Waldgeist

HTML-Code

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function updateTime() {
	var date = new Date();
	var stunden = date.getHours();
	var minuten = date.getMinutes();
	var tag = date.getDate();
	var monatDesJahres = date.getMonth();
	var jahr = date.getFullYear();
	var tagInWoche = date.getDay();
	var wochentag = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
	var monat = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
	var datum = wochentag[tagInWoche] + ", " + tag + ". " + monat[monatDesJahres] + " " + jahr + " " + stunden + ":" + minuten;
	document.getElementById('time').innerHTML = datum;
	setTimeout(updateTime, 60000);
}
window.addEventListener("load", updateTime);
</script>
</head>
<body>
	<div id="time">
	</div>

<button href="javascript:location.reload()">Reload</button>
</body>
</html>

Kommentare:

Gustl

Punkte: 6560

186 Aufgaben
21 Lösungen
7 Kommentare

25.02.2020 um 14:16 Uhr

Zeile 26 sollte aber dann wie folgt aussehen:

HTML-Code

<button onClick="window.location.reload()">Reload</button>

Waldgeist

Punkte: 2310

10 Aufgaben
43 Lösungen
5 Kommentare

25.02.2020 um 17:58 Uhr

Danke für den Hinweis.

Bitte melden Sie sich an um eine Kommentar zu schreiben.

Kommentar schreiben

Seite 1 von 1 1