Javascript InnerHTML不工作：未定义函数

我正在尝试使用innerHTML，但每当我在Google Chrome上运行它并按F12时，就会出现以下错误：

未捕获引用错误：未定义乐趣

这是我的密码：

<script type="text/javascript">
    function fun(){
        document.getElementById('checklist').innerHTML =
        "<li> <input type="checkbox" > <label >Checkbox 1</label> </li>";
    }
</script>
    <p><input type="button" onclick="fun()" value="Add"/></p>

</div>
     <h3></h3>
</div>

 <div class="scroll" >
       <ul class="listacheck" id="checklist">

       </ul>

函数fun（）{
document.getElementById（'checklist'）.innerHTML=
“
复选框1
”；
}

我真的不明白为什么它说函数没有定义，如果有人能帮忙，我会非常感激：）

这行

"<li> <input type="checkbox" > <label >Checkbox 1</label> </li>";

或转义双引号：

"<li> <input type=\"checkbox\" > <label >Checkbox 1</label> </li>";

“
复选框1
”；

或使用单引号定义字符串：

'<li> <input type="checkbox" > <label >Checkbox 1</label> </li>';

”
复选框1
；

线路

"<li> <input type="checkbox" > <label >Checkbox 1</label> </li>";

或转义双引号：

"<li> <input type=\"checkbox\" > <label >Checkbox 1</label> </li>";

“
复选框1
”；

或使用单引号定义字符串：

'<li> <input type="checkbox" > <label >Checkbox 1</label> </li>';

”
复选框1
；