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

Question

Привет всем Я пытаюсь создать случайный генератор дискурсов, но я не хочу обновлять всю страницу, чтобы получить новую строку, поэтому я подумал, что возможно innerHTML может быть моим решением. К сожалению, он дает мне «UNDEFINED», когда я нажимаю на кнопку . Я не знаю, как это сделать. Заранее спасибо.

<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. Должно быть так и ввести код внутри функции:

<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'/>