Dejo el código al siguiente ejercicio, CU01132E del tutorial javascript básico desde cero.
<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css">
body {background-color:white; font-family: sans-serif;}
.boton{padding:15px; width: 200px; text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60);}
.boton:hover {background-color: aqua; cursor:pointer;}
</style>
<script type="text/javascript">
function separaPalabras() {
var contador = 0;
var palabra = prompt("Escribe una palabra que se te venga a la mente.");
var msg = 'Escribiste: ' + palabra + '.\n';
while (contador<palabra.length) {
contador++;
msg = msg + 'Letra ' + contador + ': ' + palabra.charAt(contador-1) + '\n';
}
alert(msg);
}
</script>
</head>
<body>
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
<h3 class="boton" onclick="separaPalabras()">Pulsa aquí</h3>
</body>
</html>