gpt4 book ai didi

javascript - 一键执行两个功能

转载 作者:行者123 更新时间:2023-12-05 09:29:40 25 4
gpt4 key购买 nike

我正在努力解决这个问题。首先,让我说我是一个完全的 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();
})

关于javascript - 一键执行两个功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70538108/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com