javascript - 一键执行两个功能

我正在努力解决这个问题。首先,让我说我是一个完全的 javascript 新手,但我还没有弄清楚这一点。我想运行两个单独的函数,都引用代码中创建的搜索框中的值。这个想法是,脚本将在搜索框中搜索值,打开 2 个新选项卡,每个选项卡都搜索带有代码中规定的不同次要术语的值。我需要什么才能运行此脚本?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Programmable Search Engine Two</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <section>
      <div class="main">
        <div class="searchBox">
          <input type="text" name="" class="query" value="" />
        </div>
        <div class="button">
          <button class="searchBtn">Search</button>
        </div>
      </div>
    </section>
    
<script type="text/javascript">

let query = document.querySelector(".query");
      let searchBtn = document.querySelector(".searchBtn");
 
 searchBtn.onclick = "function One(); function Two();"

    function One() {
    let url = "https://www.google.com/search?q=" + query.value + " " + "hotels";
    window.open(url, (target = "blank"))

    },

    function Two() {
    let url = "https://www.google.com/search?q=" + query.value + " " + "hotels";   
    window.open(url, (target = "blank"))
    
    };

</script>

  </body>
</html>

最佳答案

你应该改变

searchBtn.onclick = "function One(); function Two();"

searchBtn.addEventListener('click', function() {
  One();
  Two();
})

https://stackoverflow.com/questions/70538108/

相关文章:

julia - 如何在 Julia 中绘制复数?

c# - Entity Framework 排序列表

haskell - haskell 中有包含字符串和列表的类型吗?

python - 如何解析 (1045, "Access denied for user ' Use

android - Appium 创建 session 失败

r - 从向量中提取字符元素

javascript - 3 条件 - 三元条件链 JavaScript react

rust - 错误处理、map_err 和错误类型转换

r - 是否可以将变量从全局环境移动到单独的环境中?

c++ - 即使在手动设置显示环境变量后,WSL Ubuntu 仍显示 "Error: Unable