我不知道在谷歌搜索什么，但这是我想要做的..
目前这是我的HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Product Code weight convertor</title>
<link type="text/css" rel="stylesheet" href="styling.css">
</head>
<body>
<input type="text" placeholder="Product Code" class="pcode">
<button class="btn=find"><i class="x"></i>Find</button>
<div class="res" id="res1">Result1</div>
<script src="app.js"></script>
</body>
</html>在哪里它说result1 id就是改变为点击按钮后提供的文本字段中输入的内容。
让我们说...我已经进入文本字段的qazxsw poi。点击qazxsw poi，qazxsw poi现在改为123。
我不知道从哪一个开始，已经看了谷歌的读数，但找不到任何有用的东西。
您需要向Find元素添加result1事件侦听器。单击按钮时，从输入字段中获取值并将其显示在结果123元素中
clickbutton您需要在输入中添加一个类：
div和一些JavaScript：
const btn = document.querySelector('.btn-find');
const inputField = document.querySelector('.pcode');
const result = document.querySelector('.res');
btn.addEventListener('click', () => {
if (inputField.value !== '') {
result.textContent = inputField.value;
}
});在你使用jquery的情况下，你可以这样做。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Product Code weight convertor</title>
<link type="text/css" rel="stylesheet" href="styling.css">
</head>
<body>
<input type="text" placeholder="Product Code" class="pcode">
<button class="btn-find"><i class="x"></i>Find</button>
<div class="res" id="res1">Result1</div>
<script src="app.js"></script>
</body>
</html><input id="myText" type="text" placeholder="Product Code" class="pcode">
你可以这样做，说找到按钮id是id =“find”
<script type="text/javascript">
function myFunction() {
document.getElementById("res1").innerHTML = document.getElementById("myText").value;
}
</script>
你可以尝试这个代码。它会工作。