<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Page Title</title>
<style>
body {
font-family:"futura";
background-color:black;
color:white;
text-align:center;
}
#knopf{
background-color:white;
padding:1%;
font-family:"futura";
border-radius:50%;
}
</style>
</head>
<body>
<h1>Hand-Fuß-Übungen</h1>
<br/>
<p id="box1">error1</p>
<p id="box2">error2</p>
<p id="box3">error3</p>
<br/>
<input type="button" id="knopf" value="Reload" onclick="reload()"/>
<script>
function rechnung(){
//HIHAT
var xHH=Math.round(Math.random()*1);
var HH=[
"4tel HiHat",
"Offbeat HiHat"
];
document.getElementById("box1").innerHTML=HH[xHH];
//BASSDRUM
var xBD=Math.round(Math.random()*9);
var BD=[
"Bajao",
"Tumbao",
"Samba",
"2:3 Son Clave",
"3:2 Son Clave",
"2:3 Rumba Clave",
"3:2 Rumba Clave",
"3er",
"5er",
"7er",
];
document.getElementById("box2").innerHTML=BD[xBD];
//SNAREDRUM
var xSN=Math.round(Math.random()*10);
var SN=[
"Bajao",
"Tumbao",
"Samba",
"2:3 Son Clave",
"3:2 Son Clave",
"2:3 Rumba Clave",
"3:2 Rumba Clave",
"3er",
"5er",
"7er",
"Cascara",
];
document.getElementById("box3").innerHTML=SN[xSN];
}
//NEULADEN
function reload(){
rechnung();
}
rechnung();
</script>
</body>
</html>