onClick未執行功能

Question

我制作了一個超鏈接，其樣式看起來像一個按鈕，並將其設置為onClick="function()" ，但是當我單擊它時，它將不會執行。 如果有什么用，我的JS與HTML文件位於單獨的文件中。

我如何連結
<script src="script.js"></script>

超鏈接

<ul id='nav'>
    <li> 
         <a onClick="playerNum()">Play</a> 
    </li> 
    <li> 
         <span style='float: right;'> 
         <a onClick="rules()">Rules</a></span> 
    </li>
</ul>

我的JavaScript

var playerNum = function () {
    document.getElementById('log').innerHTML = 
         "<h2 style='font-family: calibri'> Choose single or multiplayer </h2>" +
         "<br >" +
         "<ul id='nav'>" +
         "   <li> <a onClick='singlePlay()'> Singleplayer </a> </li>" +
         "   <li> <a onClick='multiPlay()'> Multiplayer </a> </li>" +
         "</ul> "
};

Answer 1

這個對我有用。 您是否具有id="log"的元素？

小提琴： http : //jsfiddle.net/o7b83omw/1/

HTML：

<ul id='nav'>
    <li> 
         <a onclick="playerNum()">Play</a> 
    </li> 
    <li> 
         <span style='float: right;'> 
         <a onclick="rules()">Rules</a></span> 
    </li>
</ul>
<div id='log'></div>

javascript：

var playerNum = function () {
    document.getElementById('log').innerHTML = 
         "<h2 style='font-family: calibri'> Choose single or multiplayer </h2>" +
         "<br >" +
         "<ul id='nav'>" +
         "   <li> <a onClick='singlePlay()'> Singleplayer </a> </li>" +
         "   <li> <a onClick='multiPlay()'> Multiplayer </a> </li>" +
         "</ul> ";
};