<!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>
