var isHidden = false;
function hideAnswers(hidden) {
    console.log('Answers will now be hidden:', hidden);
    var elements = document.getElementsByClassName("outcome");
    for (let i = 0; i < elements.length; i++) {
        elements[i].style.display = hidden ? "none" : "block"
    }
}



let child = document.createElement('button');
let body = document.getElementsByTagName('body')[0];
let timeout = document.createElement('input');
timeout.style = child.style = "background-color: #4CAF50;position: fixed; top: 100px; left: 29px; z-index: 1000000;";
child.innerText = "Toggle Answers";
child.id = 'toggle-btn';
body.appendChild(child);
timeout.style.backgroundColor = undefined;
timeout.value = 0;
timeout.style.top = "125px";
body.appendChild(timeout);

child.onclick = () => {
    let btn = document.getElementById('toggle-btn');
    // btn.value = !btn.value;
    isHidden = !isHidden;
    if (isHidden) {
        btn.style.backgroundColor = '#4CAF50';
    } else {
        btn.style.backgroundColor = "rgb(175 76 76)"
    }
    hideAnswers(isHidden);

    if (isHidden == false && timeout.value != 0) {
        setTimeout(()=> child.onclick(), timeout.value);
    }
}

child.onclick();