Показать контент, который был изначально скрыт при загрузке

Question

Показать контент, который был изначально скрыт при загрузке

resultTable изначально скрыт. Когда нажата кнопка воспроизведения, игра запускается, и в скрытом контенте отображается итоговая оценка. Мне нужна функция для отображения финального балла. В настоящее время showResult функция у меня не работает (очевидно)

Я удалил ненужное содержимое, потому что все это немного большое и грязное. Надеюсь, что код по-прежнему имеет смысл.

<body onload="loadGame()">
    <div>
        <button onclick="playButton()" id="play">Play</button>
    </div>
    <div id="resultTable" >
        <span id="result"></p>
    </div>

    <script>
        function loadGame(){
            var hideResult = document.getElementById("resultTable");
            hideResult.style.display = "none";
        }
        function playButton(){
            playGame();
            showResult();
        }
        function playGame(){
            /*Some code here*/
            document.getElementbyId("result").innerHTML = "finalscore";
        }
        function showResult(){
            var show = document.getElementById("resultTable"); //fixed.
            show.style.display = "block";
        }
    </script>
</body>

3

javascript display onload

Источник

user6764056 22 дек '16 в 01:36

1 ответ

Другие вопросы по тегам javascript display onload

user3660930 22 дек '16 в 01:48 2016-12-22 01:48 · Answer 1 · 2016-12-22 01:48

Измените способ поиска элемента, чтобы установить его отображение в виде блока или нет. Вы используете метод "getElementsByClassName", но в DOM нет элемента с таким именем класса.

Более того, "getElementsByClassName" вернет вам массив всех элементов, если они найдены, в DOM, и вам придется перебирать массив для доступа к нему.

 function showResult(){
            document.getElementById("resultTable").style.display = "block";
        }