undefined innerHTML (при попытке обновления)

Question

Привет всем, я пытаюсь создать Случайный Генератор Дискурсов, но я не хочу обновлять всю страницу, чтобы получить новую строку, поэтому я подумал, что, возможно, innerHTML может быть моим решением. К сожалению, это дает мне "НЕОПРЕДЕЛЕННЫЙ" результат, когда я нажимаю на кнопку. Я не знаю, как поступить. Заранее спасибо.

<span id="generator" style="font-size: 20px; font-weight: bold;">
<script language="javascript" type="text/javascript">

Words1 = new Array("blablabla1","blablabla2")
Words2 = new Array("blablabla3","blablabla4")
var random = document.write('- ' +
Words1[Math.floor((Math.random() * 100000) % Words1.length)] +
' ' +
Words2[Math.floor((Math.random() * 100000) % Words2.length)] +
'.\n' );

function refresh(){ 
    document.getElementById('generator').innerHTML = random;
}
</script>
</span>

<input type='button' onclick='refresh()' value='refresh'/>

Answer 1

Вы заключаете код JavaScript в тег span. Должно быть так и поместите код внутри функции de:

    <span id="generator" style="font-size: 20px; font-weight: bold;"></span>
    <script language="javascript" type="text/javascript">

    function refresh(){ 
  Words1 = new Array("blablabla1","blablabla2")
    Words2 = new Array("blablabla3","blablabla4")

    var random = document.write('- ' +
    Words1[Math.floor((Math.random() * 100000) % Words1.length)] +' ' + Words2[Math.floor((Math.random() * 100000) % Words2.length)] +'.\n' );
        document.getElementById('generator').innerHTML = random;
    }
    </script>


    <input type='button' onclick='refresh()' value='refresh'/>