Nummern Anzeigen
Servus, brauche Hilfe mit HTML. Und zwar möchte ich eine Nummer groß auf einem Monitor anzeigen lassen, die Nummer wird dann vorher in ein Textfeld eingegeben und dort bestätigt, das Ganze soll ein und zweizeilig sein.
Vielen Dank
Der hier verwendete Code
<!doctype html>
<html>
<head>
<style>
#ausgabe{
font-size:500px;
color:white;
text-align:center;
}
.voll{
display:none;
}
</style>
</head>
<body>
<output id="ausgabe"></output>
<br>
<div id="weg">
<label>Deine Zahl</label>
<input type="text" id="zahl" maxlength="2">
<input type="button" id="los" value="anzeigen"><br>
Um vollbild wieder zu verlassen, klicke auf ESC
</div>
<script>
function enterFullscreen(element) {
if(element.requestFullscreen) {
element.requestFullscreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.msRequestFullscreen) {
element.msRequestFullscreen();
} else if(element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
}
}
var bye;
var bod;
document.getElementById('los').addEventListener('click', function () {
var aus=document.getElementById('ausgabe');
bod=document.getElementsByTagName('body')[0];
aus.innerHTML=document.getElementById('zahl').value;
bye=document.getElementById('weg');
enterFullscreen(aus);
}, false);
</script>
</body>
</html>