獲得一個基本的JavaScript代碼工作

我最近開始一個新的項目，所以目前它是非常簡單的代碼。我認爲可能只是和錯誤，或者我不知道這是一個問題。對於一個更有經驗的程序員來說，這應該是一個簡單的修復。我的HTML和JavaScript是獲得一個基本的JavaScript代碼工作

var quotecount = 3; 
 

 
function show() { 
 
    var rand = Math.floor((Math.random() * quotecount) + 1); 
 

 
    if (rand == 1) { 
 
    document.getElementById("disp").innerHTML = "Quote 1"; 
 
    document.getElementById("quotenum").innerHTML = "This is quote 1 out of " + quotecount; 
 
    } 
 

 
    if (rand == 2) { 
 
    document.getElementById("disp").innerHTML = "Quote 2"; 
 
    document.getElementById("quotenum").innerHTML = "This is quote 2 out of " + quotecount; 
 
    } 
 

 
    if (rand == 3) { 
 
    document.getElementById("disp").innerHTML = "Quote 3"; 
 
    document.getElementById("quotenum").innerHTML = "This is quote 3 out of " + quotecount; 
 
    } 
 
}

button { 
 
    background: #fff; 
 
    border: 1px solid #ccc; 
 
    padding: 5px 13px; 
 
    outline:none; 
 
    cursor:pointer; 
 
} 
 

 
button:hover { 
 
    background: #282828; 
 
    color: #fff; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 
    <button id="quoteshow" onclick="show">Click me to show a quote!</button> 
 

 
    <p id="disp"></p> 
 
    <p id="quotenum"></p> 
 
</body> 
 

 
</html>

來源

2017-08-11 Joel Banks

什麼問題？ – clabe45

@ clabe45它不起作用。當我點擊按鈕時，沒有任何反應。 –

你有沒有試過打開JavaScript控制檯？ – clabe45

您需要在括號中的元素你onclick調用添加到show。

<button id="quoteshow" onclick="show()">Click me to show a quote!</button>

來源

2017-08-11 02:49:43

var quotecount = 3; 
 

 
function show() { 
 
    var rand = Math.floor((Math.random() * quotecount)) + 1; 
 

 
    if (rand == 1) { 
 
     document.getElementById("disp").innerHTML = "Quote 1"; 
 
     document.getElementById("quotenum").innerHTML = "This is quote 1 out of " + quotecount; 
 
    } 
 

 
    if (rand == 2) { 
 
     document.getElementById("disp").innerHTML = "Quote 2"; 
 
     document.getElementById("quotenum").innerHTML = "This is quote 2 out of " + quotecount; 
 
    } 
 

 
    if (rand == 3) { 
 
     document.getElementById("disp").innerHTML = "Quote 3"; 
 
     document.getElementById("quotenum").innerHTML = "This is quote 3 out of " + quotecount; 
 
    } 
 
}

<p id="disp"></p> 
 
<p id="quotenum"></p> 
 

 
<button onclick="show()">Click me</button>

添加點擊按鈕。

來源

2017-08-11 02:50:11

獲得一個基本的JavaScript代碼工作

回答

相關問題