31.01.2023, 01:51
Hiho Hermdaddy, Hier
ersteinmal rate ich dir dringend ab document.write zu verwenden. Verwende da lieber innerHTML oder textContent. Hier ein erstelltes Beispiel von mir:
Viel Erlfolg
rzscout
ersteinmal rate ich dir dringend ab document.write zu verwenden. Verwende da lieber innerHTML oder textContent. Hier ein erstelltes Beispiel von mir:
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zufallsinhalt ausgeben</title>
<style>
* {
margin: 0;
padding: 0;
}
html {font-size: 16px;}
body {
width: 100vw;
height: 100vh;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
button {
width: 300px;
height: 36px;
margin-bottom: 24px;
}
#output {
font-family: Arial, Helvetica, sans-serif;
font-size: 2rem;
font-weight: bold;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', init);
function init() {
document.getElementById('ausgabe').addEventListener('click', ausgabe);
}
function ausgabe() {
let ausgabe = document.getElementById('output');
var myArray1 = ['A', 'B', 'C', 'D', 'E', 'F'];
var NameArray = [
'Dein Nachname beginnt mit: ',
'Dein Vorname beginnt mit: ',
'Dein Haustier beginnt mit: ',
'Trinken!'
];
zufall1 = NameArray[Math.floor(Math.random() * Math.floor(NameArray.length))];
zufall2 = myArray1[Math.floor(Math.random() * Math.floor(myArray1.length))];
if(zufall1 == 'Trinken!') {
ausgabe.innerHTML = zufall1;
} else {
ausgabe.innerHTML = `${zufall1} ${zufall2}`;
}
}
</script>
</head>
<body>
<button id="ausgabe">Zufallswert ausgeben</button>
<div id="output">
<p> </p>
</div>
</body>
</html>
Viel Erlfolg
rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen"