如何检查按钮是否在function onClick中被点击？

<button id="myButton">点击按钮</button>

<script>
  document.getElementById("myButton").addEventListener("click", function() {
    // 按钮被点击时执行的操作
    console.log("按钮被点击了");
  });
</script>

<button id="myButton" onclick="handleClick()">点击按钮</button>

<script>
  var isButtonClicked = false;

  function handleClick() {
    // 按钮被点击时执行的操作
    isButtonClicked = true;
  }

  // 其他需要检查按钮是否被点击的地方
  function checkButtonClicked() {
    if (isButtonClicked) {
      console.log("按钮已被点击");
    } else {
      console.log("按钮未被点击");
    }
  }
</script>

import React, { useState } from "react";
import { useSelector, useDispatch } from "react-redux";

function ButtonComponent() {
  const isButtonClicked = useSelector((state) => state.button.isClicked);
  const dispatch = useDispatch();

  const handleClick = () => {
    // 按钮被点击时执行的操作
    dispatch({ type: "BUTTON_CLICKED" });
  };

  return (
    <button onClick={handleClick}>点击按钮</button>
  );
}

// 其他需要检查按钮是否被点击的地方
function checkButtonClicked() {
  const isButtonClicked = useSelector((state) => state.button.isClicked);

  if (isButtonClicked) {
    console.log("按钮已被点击");
  } else {
    console.log("按钮未被点击");
  }
}