Hola.
Estoy haciendo unos ejercicios de gramática con javascript.
Tengo ya terminado el modelo básico de lo que quiero, pero me falta un detalle: me gustaría añadir unos sonidos.
Os copio el código para que veáis de qué se trata:
Código:
<html>
<head>
<title>Ejercicio 1</title>
<style type="text/css">
form { display:inline; }
* {
font-family: Palatino Linotype;
font-size : 110%;
}
</style>
<script language="javascript">
function respuestaOK(obj, respuesta) {
var formulario = document.getElementById("frm_" + obj);
var campo = formulario.elements[obj];
var campoIntentos = formulario.elements[obj + "_intentos"];
var valor = campo.value;
var valorIntentos = campoIntentos.value;
v1 = respuesta.toLowerCase();
v2 = valor.toLowerCase();
if(v1 == v2) {
campo.disabled = true;
}
else {
valorIntentos++;
if(valorIntentos < 3) {
alert("Error");
campoIntentos.value = valorIntentos;
}
else {
alert("Error");
campo.value = v1;
campo.disabled = true;
}
}
return false;
}
</script>
</head>
<body>
<br/><br/>
<b>Ejercicios</b>
<br/><br/>
<form name="frm_pregunta1" id="frm_pregunta1" onSubmit="return respuestaOK
('pregunta1', 'vito')">
1. Pablito clavó un cla<input type="text" size="1" name="pregunta1" id="pregunta1">.
<input type="hidden" name="pregunta1_intentos" value="0" />
</form>
<br/><br/>
<form name="frm_pregunta2" id="frm_pregunta2" onSubmit="return respuestaOK
('pregunta2', 'vó')">
2. ¿Qué clavito cla<input type="text" size="1" name="pregunta2" id="pregunta2">
Pablito?
<input type="hidden" name="pregunta2_intentos" value="0" />
</form>
<br/><br/>
</body>
</html>
Lo que me gustaría es introducir sonidos en los siguientes casos:
1) Cuando se introduce la respuesta adecuada querría que se oyese un sonido (p.ej. aplauso.wav)
2) Cuando se introduce la respuesta erronea que se oyese otro (p.ej. abucheo.wav). Este no es tan importante, pues ahora mismo se oye el sonido de la alerta, lo cual ya es algo. Pero quizás a alguien se le ocurra una solución mejor para poder personalizarlo y que suene el sonido que yo quiero, no el predeterminado por cada navegador.
Muchas gracias por la atención.