html - 有没有办法在 HTML 中创建一个按钮，每次单击它时，都会弹出一个新的预填充电子邮件？

Question

我正在尝试创建一个网站，在该网站上有此按钮，每次单击它时，都会弹出一个新的预先填写的电子邮件。我知道如何链接电子邮件，但有没有办法让我每次点击按钮时，都是我已经预先填写的随机电子邮件？
这是我现在的代码:

    <li><a href="mailto:?"><i class="fa fa-envelope"></i></a></li>

var diffEmails = [
    // (code deleted off here because 
    // I didn't want to show the email/pre-filled email body for privacy reasons)
];

    function randomEmails() {
        var i = parseInt(Math.random() * diffEmails.length);
        location.href = diffEmails[i];
    }

<a href="mailto:" >onclick="randomEmails();"></a>

我使用了一个来自 font awesome 的社交媒体图标，不想删除它，所以我怎么能在我的 HTML 中使用它

Answer 1

你需要一个随机数:

var emails = [
  'a@a.com',
  'b@b.com',
  'c@c.com',
  'd@d.com',
  'e@e.com',
  'f@f.com'
]


pickEmail = function() {
  let new_email;
  if (emails.length == 0) {
    // or you will have to generate new emails, and
    // push them into `emails`
    new_email = 'No email available.';
  } else {
    let idx = Math.floor((Math.random() * emails.length));
    // make sure this email will not be poped up again.
    new_email = emails.pop(idx);
  }
  document.getElementById('email').innerHTML = new_email;
}

<button onclick="pickEmail()">
Random Email
</button>

<p>
Email
</p>
<p id="email">

</p>