<html>
<style>
input {width:180px;height:30px;font-size:20px;text-align: center;};
</style>
<script>
function myFunction(p1) {
var satz=p1;
var hallo = new SpeechSynthesisUtterance(satz);
hallo.lang = 'de-DE';
window.speechSynthesis.speak(hallo);
}
function zahlwort(p){
var einerworte=['null','eins','zwei','drei','vier','fünf','sechs','sieben','acht','neun','zehn','elf','zwölf','dreizehn','vierzehn','fünfzehn','sechzehn','siebzehn','achtzehn','neunzehn'];
var zehnerworte=['nix','zehn','zwanzig','dreissig','vierzig','fünfzig','sechzig','siebzig','achtzig','neunzig'];
var wort='';
var z=p;
var zs=z+'';
if(z<20){
wort=einerworte[z];
}
if(z>19){
einerworte[1]='ein';
wort=einerworte[zs.charAt(1)]+'und'+zehnerworte[zs.charAt(0)];
if(z%10==0) wort=zehnerworte[zs.charAt(0)];
}
return wort;
}
</script>
<body style="font-size:30">
Klicke zuerst auf die linke Taste<br>
Sprich die angezeigte Zahl<br>
Klicke dann auf die rechte Taste und vergleiche<br>
<input id="b0" type="button" value="start" onclick="
z=Math.floor((Math.random() * 100));
b0.value=z;
">
<input id="b1" type="button" value="" onclick="
myFunction(b0.value);
b1.value=zahlwort(z);
">
</body<>
</html>