從數組中生成一個隨機單詞，然后將其打印到控制台登錄 javascript 中的函數

Question

我正在用javascript創建劊子手，我（我認為）成功地從函數中的數組中生成了一個隨機詞，以檢查它是否有效我正在嘗試將生成的詞打印到控制台，但它似乎不是在這里工作是我的函數代碼

    var word = function() //Random word is genereated from an array for the user to guess
{
  GameWordArray = new Array(7);
  GameWordArray[0] = "monitor";
  GameWordArray[1] = "program";
  GameWordArray[2] = "application";
  GameWordArray[3] = "keyboard";
  GameWordArray[4] = "javascript";
  GameWordArray[5] = "gaming";
  GameWordArray[6] = "network";
  randno = Math.floor(Math.random() * GameWordArray.length);
  document.write(GameWordArray[randno]);
  console.log(word);
}

提前致謝 ：）

Answer 1

這是關於jsfiddle的示例

var words = ["monitor", "program", "application", "keyboard", "javascript", "gaming", "network"];

var word = words[Math.floor(Math.random() * words.length)];

console.log(word);

document.getElementById("word").textContent = word;

並讓它直接適合您提供的代碼：

var getRandomWord = function () {
    return words[Math.floor(Math.random() * words.length)];
};

Answer 2

嘗試以這種方式使用它：

var getRandomWord = (function () {
  var gameWordArray = [];
  gameWordArray.push("monitor");
  gameWordArray.push("program");
  gameWordArray.push("application");
  gameWordArray.push("keyboard");
  gameWordArray.push("javascript");
  gameWordArray.push("gaming");
  gameWordArray.push("network");
  return function () {
    var randNum, finalWord;
    randNum = Math.floor(Math.random() * gameWordArray.length);
    finalWord = gameWordArray[randNum];
    return finalWord;
  };
})();

演示：http: //jsfiddle.net/bCEFA/1/

與其聲明一個具有預定義長度的數組，不如聲明一個空數組並在其末尾添加值（使用.push() ）。 你也可以像這樣聲明數組：

var gameWordArray = ["monitor", "program", ...];

您試圖打印word （我將其重命名為getRandomWord ），它是/是一個函數。 您可能打算使用console.log(gameWordArray[randno]) ，它應該可以工作。

Answer 3

這就是幫助我避免在線商店出現重復 alt 標簽的原因：

var items = ['word1', 'word2', 'word3'];
var item = items[Math.floor(Math.random() * items.length)];

我什至把它翻了一番，並且在獨特的 alt 標簽上有更多的范圍：

var items2 = ['word4', 'word5', 'word6'];
var item2 = items2[Math.floor(Math.random() * items2.length)];

最后，我的產品圖庫縮略圖上的 alt-tags 看起來像這樣：

markup += '<div class="product-image-thumbnail"><img alt="' + alt + ' ' + item + ' ' + item2 + '" title="' + title + '" src="' + image + '" /></div>';