JavaScriptの変更のソース

私は自分のHTMLオーディオのソースを変更するにはjavascriptを作りたいと思います。私はstackoverflowで検索しましたが、私が望むものを見つけることができませんでした。JavaScriptの変更のソース

これは私のhtmlコードです。私はこの時点でCSSを使用していません。私はbuttonclickの音楽の変更をしたい

/** 
    * Created by Jasper on 12-1-2017. 
    */ 
var currentsong = document.getElementById('currentsong'); 
var nextbutton = document.getElementById('songbutton'); 

currentsong = 1; 
currentsong = 2; 
currentsong = 3; 

function nextsong() { 
    if (currentsong = 1) { 

    innerHTML = currentsong.src = 'trol.mp3'; 
    } else { 
    currentsong.innerHTML = currentsong.src = 'paradise.mp3'; 
    } 
}

：

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <title>HigherLower</title> 
</head> 

<body> 

    <h1> welcome to my game. This game is about selecting if a number is getting higher or lower than the previous number. 
    Click this button to get started.</h1> 

    <audio id="currentsong" loop autoplay controls src="trol.mp3"></audio> 

    <button id="songbutton" onclick="nextsong()">next song</button> 


    <script src="javascript.js"></script> 
</body> 

</html>

は、ここに私のjavascriptのコードです。事前のおかげで

出典

2017-01-13 Jasper Scheper

変更

currentsong.innerHTML=currentsong.src='paradise.mp3';

ここ

currentsong.src = 'paradise.mp3'

出典

2017-01-13 17:21:56 OregonTrail

コメントありがとうございます。それはまだ動作しません...私も私の記事でミスを犯したことを参照してください。 innerHTML = currentsong.src = 'trol.mp3'; currentong.src = trol.mp3でなければならず、innerHTMLはありません –

に私はあなたが同じ変数を使用しているとして、あなたのコードを修正する必要がtry..howeverことができるものですあなたの要素 'currentsong'にリファレンスを取得するカウンタvarとして

var currentsong = document.getElementById('currentsong'); 
var nextbutton = document.getElementById('songbutton'); 

var currentsong_counter =1; //use a different counter here 
currentsong_counter = 1;// not sure why you are doing consecutive assignments as it will get last value ie. 3 
currentsong_counter = 2; 
currentsong_counter = 3; 

function nextsong() { 
    if (currentsong_counter === 1) { 
    // if you want both html and source to changed then use below else currentsong.src = 'trol.mp3' will do the work 
    currentsong.innerHTML = currentsong.src = 'trol.mp3'; 
    // 
    } 
    else { 
    currentsong.innerHTML = currentsong.src = 'paradise.mp3'; 
    } 
}

出典

2017-01-13 17:35:04 RohitS

答えて

関連する問題