已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题？**添加详细信息并通过editing this post阐明问题。
6个月前关闭。
Improve this question
这是学习web开发基础知识的另一种尝试。
我创建了一个简单的搜索栏。
我想做的是如果我们在提供的文本框中键入任何内容，然后我按下搜索按钮或回车键，t在谷歌上搜索提供的文本。
我想知道如何使用JS编写代码
let textInput=document.querySelector('.textInput');
let searchBtn=document.querySelector('.searchBtn');
searchBtn.addEventListener('click',()=>{
});
searchBtn.addEventListener("keydown", (e)=> {
if (e.key === "Enter") {
}
});body{
display: grid;
place-items:center;
height: 100vh;
align-content: center;
justify-content: center;
}
.textInput input{
width: 300px;
height: 30px;
}
h3 {
margin-bottom: 10px;
}
.searchBar{
display: flex;
align-items: center;
}
.searchBtn{
width: 50px;
height: 36px;
background-color: rgb(192, 192, 192);
display: grid;
place-items: center;
cursor: pointer;
}
.searchBtn img{
width: 30px;
height: auto;
cursor: pointer;
}<!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">
<link rel="stylesheet" href="styleSheet.css">
<title>Document</title>
</head>
<body>
<div class="title"><h3> HELLO SEARCH</h3></div>
<div class="searchBar">
<div class="textInput">
<input type="text" placeholder="Search Enything">
</div>
<div class="searchBtn"><img src="https://img.icons8.com/ios-glyphs/60/000000/search--v1.png"/></div>
</div>
<script src="app..js"></script>
</body>
</html>谢谢你！
2条答案
按热度按时间hk8txs481#
你不需要JavaScript就可以让它在google上搜索。你可以只添加一个表单操作来让它进入google。只需将你的HTML更改为：
字符串
nkcskrwz2#
尝试使用此JavaScript
并在输入字段中添加一个id属性，用id的值替换上面的“inputid”。