Question

我正在编写一个选择你自己的冒险游戏，我目前在页面上有两个按钮：一个将变量从HTML传递到JavaScript，另一个调用JavaScript函数来启动游戏。它们都可以自己正常工作，但我想将它们合并到一个执行两种功能的按钮中。这是代码：

  <button onclick="add(document.getElementById('FirstName').value, document.getElementById('LastName').value)">Add</button>

   <button onclick="pirates();"> Ready to Play? </button>

Answer 1

为什么不将add(document.getElementById('FirstName').value, document.getElementById('LastName').value)添加到pirates()功能的开头，然后点击“准备播放？”按钮会做两件事。

Answer 2

<script>
  function pirates(){
    add(
      document.getElementById('FirstName').value,
      document.getElementById('LastName').value
    )
  }
</script>
<button onclick="pirates();"> Ready to Play? </button>

Answer 3

假设您将ID btn添加到按钮，此脚本将获取值并将其传递给pirates()。

var firstName;
var lastName

btn = document.getElementById('btn');

btn.onclick = function() {
  firstName = document.getElementById('FirstName').value;
  lastName = document.getElementById('LastName').value;
  pirates(firstName, lastName);
};

结合两个按钮的HTML onclick功能？

3 个答案: