Button 未定义的innerHTML（尝试刷新时）

大家好，我正在尝试创建一个随机的文章生成器，但我不想刷新整个页面以获得一个新的字符串，所以我想，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'/>

Words1=新数组（“bla1”、“bla2”）
Words2=新数组（“blabla3”、“bla4”）
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；
}

您正在用span标记包装javascript代码。应如下所示，并将代码放入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'/>

函数刷新（）{
Words1=新数组（“bla1”、“bla2”）
Words2=新数组（“blabla3”、“bla4”）
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；
}