将javascript添加到按钮，它将在新标签页中打开随机链接

Question

如何将给定的javascript添加到Button。因此，当用户单击按钮时，此javascript将运行。

<script>
// Edit your script here
var textArray = ['https://www.google.com','https://www.facebook.com','https://www.yahoo.com','https://www.twitter.com'];
    var randomNumber = Math.floor(Math.random()*textArray.length);
    setTimeout(function () {
        window.open(textArray[randomNumber ], '_blank');
        window.focus();
    }, 5000);
</script>
<!-- edit your html here -->

<button type="button">Click Me!</button>

Answer 1

您必须将JavaScript包装成一个函数，然后以HTML调用该函数。

function clickMe() {
  var textArray = ['https://www.google.com', 'https://www.facebook.com', 'https://www.yahoo.com', 'https://www.twitter.com'];
  var randomNumber = Math.floor(Math.random() * textArray.length);
  setTimeout(function() {
      window.open(textArray[randomNumber], '_blank');
      window.focus();
    },
    5000);
}

<button type="button" onClick="clickMe()">Click Me!</button>

仅作记录：在JavaScript中打开新窗口将在每个浏览器中显示一条警告消息。这被认为是不好的做法。