我想将第一个函数组合到第二个函数，所以我只能调用它一次

Question

I want to combine first function to the second one, so I can call it only once. Basically i have 2 html5 audio files that im playing. Everything works fine.But if i play my first audio and during that time if i click the second audio the pause button on first audio doesn't change to default(off)

//First function 

function toggleState(item) {
  if (item.className == "play") {
    item.className = "pause";
  } else {
    item.className = "play";
  }
}

//Second function
// Play stop Music
function EvalSound(soundobj) {
  var thissound = document.getElementById(soundobj);
  if (thissound.paused) {
    thissound.play();
  } else {
    thissound.pause();
  }
}

Answer 1

This question was answered in question by its owner with the following solution:

I Managed to fixed it like this.

function toggleState(item, soundobj) {
  var thissound = document.getElementById(soundobj);
  if (item.className == "play") {
  thissound.play();
  item.className = "pause";
 } else {
  thissound.pause();
  item.className = "play";  
 }
}

I Also managed to get the current track list title. For Example, you click on a song and it will display after , say like "Now playing blablabla song".

I show you a working example below.

HTML:

<option id="1" title="Now Playing." value="URL.mp3">Song name</option>

Javascript:

audioURL = document.getElementById('mylist');
var f = audioURL.options[audioURL.selectedIndex].title; //Here is title  
document.getElementById("demo").innerHTML = f; //output to f at demo elem.