Liebe TeilnehmerInnen,
hier sind die Codezeilen zu unserem gestrigen Javascript-Teil. Ich bedanke mich nochmal sehr herzlich für den wirklich tollen Workshop mit Ihnen!
HTML
<h1 class="titel" style="text-align:center;">Javascript</h1>
<img id="logo" src="BILDLINK">
CSS
body {
font-family: sans-serif;
}
#logo {
display: block;
margin-left: auto;
margin-right: auto;
width: 20%;
}
Javascript
alert("Herzlich Willkommen!")
alert(5+8)
alert(4.573874*182733/12)
var datum = new Date()
alert("Heute ist " + datum)
document.body.innerHTML = "<h1>Heute ist der " + datum + "</h1>"
document.body.innerHTML = "<h1>Heute ist der " + datum.getDate() + "." + datum.getMonth() + "." + datum.getFullYear() + "</h1>"
document.body.innerHTML = "<h1>Heute ist der " + datum.getDate() + "." + (datum.getMonth()+1) + "." + datum.getFullYear() + "</h1>"
var a
var b
var sum
a = 4
b = 5
sum = a+b
alert(sum)
var a = 7
var b = 13
var sum = a+b
alert(sum)
a = 3
b = "7"
summe = a+b
var aussage = "Die Summe ist: " + summe
aler(aussage)
a = 2
b = 2
var sieSindGleich
if ( a == b ) {
sieSindGleich = true;
} else {
sieSindGleich = false;
}
aler(sieSindGleich)
kinder = ["martin", "max", "hannah"]
var kind2 = kinder[1]
console.log(kind2)
function multiply (a,b) {
var result = a*b;
console.log(result)
}
var multiplied = multiply (3,4)
function wasIstHoeher() {
a>b ? console.log("a ist höher als b!") : console.log("a ist tiefer als b!")
}
var a = 8
var b = 3
wasIstHoeher();
document.querySelector(".titel").style = "display: none";
<button type="button" onclick="document.querySelector('.titel').style = 'display: block';">Click Me!</button>
<button type="button" onclick="document.querySelector('.titel').style = 'display: none';">Hide Me!</button>
document.querySelector(".titel").innerHTML = "Neuer Text"
