1

select タグで選択されたオプションに応じてソースを変更するオーディオ HTML タグを作成したいのですが、どうすればよいですか?

index.html ファイルで次のようなことを考えています。

<script src="hola.js"></script>
<form name="datos">
    <select id="idioma">
        <option value="es">Español</option>
        <option value="en">Inglés</option>
    </select>
    <br />
    <button id="boton">Cambiar idioma</button>

</form>
<audio controls="controls" id="audio">Audio no disponible, para mejor funcionamiento, utilize Mozilla Firefox</audio>   

そしてこれはhola.jsファイルにあります:

var button=document.getElementById("boton");
var idioma=document.getElementById("idioma");
var audio=document.getElementById("audio");
var lang=document.datos.idioma.options[idioma.selectedIndex].value;

button.addEventListener("click",function(){

if(lang="es"){
    audio.setAttribute("src", "audio/es.ogg");
}else if(lang="en"){
    audio.setAttribute("src", "audio/en.ogg");
}
});
4

1 に答える 1