Want to make creations as awesome as this one?

Transcript

COPIE REUTILISABLE

<div id='info' style='padding:5px; color:#6261a1; text-align:center; font-weight:normal; font-size:22px; width:100%; height:100%;'>SOS/CODE</div> <script> const fois=0; </script>

<div id='ecran' style='padding:5px; color:#6261a1; text-align:center; font-weight:normal; font-size:22px; width:100%; height:100%;'></div> <script> </script>

<div id='sim' style='padding:5px; color:#6261a1; text-align:center; font-weight:normal; font-size:22px; width:100%; height:100%;'></div> <script> </script>

<p id="demo" style="color:#6261a1; font-weight:normal; font-size:16px; width:100%; height:100%;"></p> <script> var myVar = setInterval(myTimer, 1000); function myTimer() { var d = new Date(); document.getElementById("demo").innerHTML = d.toLocaleTimeString(); } </script>

Trois éléments dans la page pour afficher des informations

L'heure et date

Des fichiers audio intégrés dans la page

<audio id="num1" src="https://scape.enepe.fr/audio/num1.mp3"></audio> <audio id="num2" src="https://scape.enepe.fr/audio/num2.mp3"></audio> <audio id="num3" src="https://scape.enepe.fr/audio/num3.mp3"></audio> <audio id="num4" src="https://scape.enepe.fr/audio/num4.mp3"></audio> <audio id="occupe" src="https://scape.enepe.fr/audio/occupe.mp3"></audio> <script></script>

+ les codes pour chaque touche