HTML/CSS :: Aufgabe #7
5 Lösungen
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
Zusatzaufgabe: Wenn man den Button anklickt wird die Seite neu geladen
Lösungen:
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>
Button ohne Funktion:
HTML-Code
Button der die Seite neu lädt:
HTML-Code
HTML-Code<button> Button ohne Funktion </button>
Button der die Seite neu lädt:
HTML-Code<button href="https:www.meineSeite.de> Button der die Seite neulädt </button>
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
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>
HTML-Code<style>
body{
background-color: turquoise;
}
button{
height: 100px;
width: 300px;
border-radius: 10px;
Border: 1px solid red;
background-color: lightgray;
}
button:hover{
background-color: black;
color: white;
}
</style>
<html>
<body>
<button href="http://www.007_Button.html">Dies ist mein Button!</button>
</body>
</html> HTML-Code<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button type="button" name="button" onclick="javascript:location.reload();">Neu Laden!</button>
</body>
</html>