首页假设HTML有一个文本框和一个按钮。在文本框中输入单词时，按下按钮后显示带有输入单词的消息。

假设HTML有一个文本框和一个按钮。在文本框中输入单词时，按下按钮后显示带有输入单词的消息。

时间: 2024-10-13 17:08:36 浏览: 34

假设你在创建一个简单的HTML页面，你可以使用JavaScript来实现这个功能。首先，你需要设置好HTML结构： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Input Message</title> </head> <body> <input type="text" id="wordInput" placeholder="Enter a word"> <button onclick="displayMessage()">Submit</button> <p id="messageDisplay"></p> <script src="script.js"></script> </body> </html> ``` 然后，在`script.js`文件中编写JavaScript代码： ```javascript function displayMessage() { const wordInput = document.getElementById('wordInput'); const messageDisplay = document.getElementById('messageDisplay'); // 获取用户输入的单词 const enteredWord = wordInput.value; if (enteredWord) { // 如果输入了内容 messageDisplay.textContent = `You entered the word: ${enteredWord}`; } else { messageDisplay.textContent = 'Please enter a word'; } } ``` 在这个例子中，当用户点击提交按钮时，`displayMessage`函数会被调用。它会获取文本框中输入的值，并将其显示在id为`messageDisplay`的段落元素中。

阅读全文