How to call a javascript function with a html button?

Question

当我点击 html 中的按钮时，我想在 javascript 中调用我的函数

我想一按按钮就开始计时

已经感谢您的帮助了吗？

我已经看到一些类似主题的问题，但他们帮不了我。

function StopWatch(){
  let isStart = false;
  let startcount = 0;
  let stocount = 0;
  let durationcount= 0;
  let preDuration = 0;

<button class="starttimer" onclick="doFunction(stopwatch)">
  start timer
</button>

我尝试将秒表功能与按钮 div 链接起来，如下所示。我预计，它会相互链接，秒表功能会启动，秒表会在我启动计时器后立即启动。

button  onclick="doFunction(stopwatch)

Answer 1

这是您尝试过的更正内联版本。函数 name 必须是

onclick

值，并且必须与

()

一起使用，以便调用该函数。

（注意：JavaScript 函数通常以小写字母开头的驼峰式命名。）

function stopwatch() {
  console.log('function called');
}

<button class="starttimer" onclick="stopwatch()">
  Start timer
</button>

但是！对于现代 JavaScript，我们喜欢将 HTML 标记和 JavaScript 分开。为此，我们：

1. 使用

   querySelector

   在标记中选择元素（这里我使用类名选取元素）

2. 使用

   addEventListener

   向按钮添加监听器，它在触发时调用事件处理程序（即您的函数）。

3. 哦，也许将您的函数重命名为代表它执行的功能的名称（我已将其从

   Stopwatch

   更改为

   startTimer

   ）。

const button = document.querySelector('.starttimer');
button.addEventListener('click', startTimer);

function startTimer() {
  console.log('function called');
}

<button class="starttimer">
  Start timer
</button>

Answer 2

您需要在 onclick 调用中使用函数调用：

onclick="Stopwatch()"

只要该函数位于您的按钮可访问的脚本标签中，该函数就会被点击。

Answer 3

//编辑

<button class="starttimer" onclick="doFunction(stopwatch)">

\编辑我错过了这个。