HTML/CSS :: Aufgabe #7

3 Lösungen Lösungen öffentlich

HTML Grundlagen: Button

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

Lösungen:

2x
vote_ok
von Exception (6270 Punkte) - 26.04.2019 um 12:57 Uhr
Quellcode ausblenden HTML-Code
<!DOCTYPE html>
<html>
  <head>
    <title>HTML/CSS #7</title>
    <meta charset="utf-8">
  </head>
  <body>
    <button onClick="window.location.reload()">Reload</button>
  </body>
</html>
vote_ok
von Programmer21 (1290 Punkte) - 05.05.2019 um 21:32 Uhr
Button ohne Funktion:
Quellcode ausblenden HTML-Code
<button> Button ohne Funktion </button>


Button der die Seite neu lädt:
Quellcode ausblenden HTML-Code
<button href="https:www.meineSeite.de> Button der die Seite neulädt </button>
2 Kommentare
vote_ok
von Waldgeist (1470 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


Quellcode ausblenden 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>