javascript - 如果我得到需要的数组元素，则返回消息

Question

我的codepen 。如果我从数组中获取所需的元素，我会尝试输出一条消息。

JavaScript:

function GetValue()
{
    var myarray = new Array("word1","word2","word3","word4","word5");
    var random = myarray[Math.floor(Math.random() * myarray.length)];
    document.getElementById("message").innerHTML=random;
};
//rand array element

var clicks = 0;
function onClick() {
    clicks += 1;
    document.getElementById("clicks").innerHTML = clicks;
};
//count clicks

function printMessage(random, clicks) {
  if (random === "word1") {
    document.getElementById("alert").innerHTML =
    "you get " + random + "after " + clicks + "clicks";
  }
}
//display "you get word1 after _ clicks"

Answer 1

您应该在 onClick 方法中调用 printMessage 函数。

function onClick() {
    clicks += 1;
    document.getElementById("clicks").innerHTML = clicks;
    printMessage(document.getElementById("message").innerHTML,clicks);
};   

解决方案如下:

function GetValue()
{
    var myarray = new Array("word1","word2","word3","word4","word5");
    var random = myarray[Math.floor(Math.random() * myarray.length)];
   document.getElementById("message").innerHTML=random;
}; //rand array element

var clicks = 0;
function onClick() {
    clicks += 1;
    document.getElementById("clicks").innerHTML = clicks;
    printMessage(document.getElementById("message").innerHTML,clicks);
}; //count clicks

function printMessage(random, clicks) {
  if (random === "word1") {
    document.getElementById("alert").innerHTML =
    "you get " + random + " after " + clicks + " clicks";
  }
} //display "you get word1 after _ clicks"

<input type="button" id="btnSearch" value="Search" onclick="GetValue();onClick()" />
<p id="message"></p>

<p>Clicks: <a id="clicks">0</a></p>

<p id="alert"></p>