如何在点击时获取输入文本值

要在点击时获取输入文本值，可以使用JavaScript来实现。以下是一个简单的示例，展示了如何在用户点击按钮时获取输入框中的文本内容。

基础概念

HTML表单元素：用于创建用户界面中的输入字段。
JavaScript事件处理：允许在特定事件发生时执行代码。
DOM操作：用于访问和修改网页内容。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取输入文本值</title>
</head>
<body>
    <input type="text" id="textInput" placeholder="请输入文本">
    <button id="fetchButton">获取文本值</button>

    <script>
        // 获取按钮和输入框的DOM元素
        const inputElement = document.getElementById('textInput');
        const buttonElement = document.getElementById('fetchButton');

        // 为按钮添加点击事件监听器
        buttonElement.addEventListener('click', function() {
            // 获取输入框的值
            const inputValue = inputElement.value;
            // 显示获取到的值
            alert('输入的文本值是: ' + inputValue);
        });
    </script>
</body>
</html>