如何在javascript中創建將重定向到隨機網頁的隨機生成器？

Question

我的問題是關於如何為學校項目創建一個旅行目的地生成器（類似於https://travelsp.in/ ），但是我的HTML一直存在重定向到其他網頁的問題。 這是我的js：

var place = ['sydney', 'calgary', 'london'];
function differentPlace() {
var randomNumber= Math.floor(Math.random()*(place.length));
document.getElementById('placeDisplay').innerHTML=place[randomNumber];
}
if (placeDisplay=="calgary") {
 return window.location.href = "http://ide50-w.cs50.io:8080/calgary";
  }
else if (placeDisplay=="london") {
  return window.location.href = "http://ide50-w.cs50.io:8080/london";
}
  else if (placeDisplay=="sydney") {
  return window.location.href = "http://ide50-w.cs50.io:8080/sydney";
 }

和我的HTML是：

 <body>
     <h2>Discover a new destination:</h2>
<div id="placeDisplay">
    </div>
    <button onclick="differentPlace()">Find your next journey!</button>
    <script src="javascript.js"></script>
 </body>

Answer 1

這是一個示例：

var Places = ["place1", "place2", "place3"];
function redirectRandomly() {
  let myPlace = Places[Math.random() * (Places.length)];
  window.location.href = "http://ide50-w.cs50.io:8080/" + myPlace;
}

Answer 2

好吧，您的代碼有些混亂，請嘗試：

let place = ['sydney', 'calgary', 'london'];

function differentPlace() {
    let randomNumber= Math.random() * (Places.length);
    let randomPlace = place[randomNumber];
    document.getElementById('placeDisplay').innerHTML= randomPlace;
    return window.location.href = `http://ide50-w.cs50.io:8080/${randomPlace}`;
}

單擊時，唯一要執行的是函數內部的內容，因此根本不會執行ifs語句，只有在加載頁面時才執行，而不是單擊按鈕時才執行。

如何在javascript中創建將重定向到隨機網頁的隨機生成器？

問題描述

2 個解決方案

解決方案1
2 2018-05-14 19:36:35

解決方案2
1 2018-05-14 19:38:51

如何在javascript中創建將重定向到隨機網頁的隨機生成器？

問題描述

2 個解決方案

解決方案1 2 2018-05-14 19:36:35

解決方案2 1 2018-05-14 19:38:51

解決方案1
2 2018-05-14 19:36:35

解決方案2
1 2018-05-14 19:38:51