Javascript и переключение кнопок

Question

только тогда, когда я думаю, что я отсортировал это ... небольшой вопрос о переключении - этот код предназначен для переключения с Play на Stop при нажатии, но это не так. Я не вижу никаких проблем с переменными - но тогда я не очень хорошо знаю JS. Кто-нибудь может понять, почему это не работает? Код следует .. var selSound = 8000; // по умолчанию первый звук. var play = false; // по умолчанию для паузы.

function selectSound(id) {
    selSound = id;
}

function togglePlay() {
    var a = document.getElementById(selSound);
    var b = document.getElementById("playbtn");
    play = !play;
    if (play) {
        b.value = "Stop Playing";
        a.play();
    }
    else {
        b.value = "Start Playing";
        a.pause();
    }
}

HTML:

<div style="text-align:center"><button id="playbtn" data-role="button"     onclick="togglePlay()" >Start Playing</button></div>

Это часть проекта iOS / html5 и будет протестирована в Safari и симуляторе iOS. Спасибо J * +1007 *

Answer 1

Почему бы вам не использовать input type="button"?

var play = false;
function togglePlay() {

    var b = document.getElementById("playbtn");
    play = !play;
    if (play) {
        b.value = "Stop Playing";
    }
    else {
        b.value = "Start Playing";

    }
}

и html:

 <input type="button" id="playbtn" data-role="button" value="Start playing" onclick="togglePlay()" />

Демо

РЕДАКТИРОВАТЬ

С помощью кнопки вы должны использовать innerText

var play = false;
function togglePlay() {

    var b = document.getElementById("playbtn");
    play = !play;
    if (play) {
        b.innerText = "Stop Playing";
    }
    else {
        b.innerText = "Start Playing";

    }
}

Демо

Answer 2

Вам не хватает кавычек:

var a = document.getElementById(selSound);

Должно быть:

var a = document.getElementById('selSound');