如何获取HTML文本框BTC钱包地址赋值变量并同页显示及报错解决

首先，你碰到的ERR_FILE_NOT_FOUND错误，本质是浏览器找不到你要打开的HTML文件（或者文件里引用的其他资源），常见诱因有这几个：

• HTML文件被移动、删除，或者你打开的路径不对
• 文件所在路径包含特殊字符（比如中文、空格，部分旧版浏览器对这类路径兼容性差）
• 代码里引用了不存在的外部资源（比如没创建的外部JS/CSS文件）

下面给你一套完整的单文件解决方案，不需要依赖任何外部资源，能完美实现你要的功能：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BTC地址输入测试</title>
</head>
<body>
    <h3>输入你的BTC钱包地址</h3>
    <input type="text" id="btcAddressInput" placeholder="请输入BTC地址">
    <button onclick="handleAddressInput()">确认输入</button>
    <div id="outputArea" style="margin-top: 20px;"></div>

    <script>
        // 定义全局变量存储地址
        let btcAddress = '';

        function handleAddressInput() {
            // 获取输入框的值并赋值给变量
            btcAddress = document.getElementById('btcAddressInput').value;
            
            // 在页面输出变量值
            const outputArea = document.getElementById('outputArea');
            if (btcAddress) {
                outputArea.innerHTML = `你输入的BTC钱包地址是：<strong>${btcAddress}</strong>`;
            } else {
                outputArea.innerHTML = '<span style="color: red;">请输入有效的BTC地址</span>';
            }
        }

        // 可选功能：实时监听输入变化，不用点击按钮就能看到结果
        document.getElementById('btcAddressInput').addEventListener('input', function() {
            btcAddress = this.value;
            const outputArea = document.getElementById('outputArea');
            outputArea.innerHTML = `当前输入的地址：${btcAddress}`;
        });
    </script>
</body>
</html>

操作步骤： #

1. 把上面的代码复制到任意文本编辑器（比如系统自带的记事本、VS Code）
2. 保存文件时，文件名设为btc-address.html，一定要确保后缀是.html，不是.txt
3. 直接双击这个HTML文件，用浏览器打开
4. 输入BTC地址，要么点击按钮查看结果，要么实时输入就能看到动态输出

避坑提醒： #

• 尽量把文件放在纯英文路径的文件夹里（比如D:\web-test），别用带中文、空格的路径
• 如果之后想把JS代码拆分到外部文件，要确保JS文件和HTML文件在同一个文件夹，引用代码写<script src="btc-script.js"></script>，且JS文件里的逻辑正确

这样就能彻底解决文件找不到的问题，同时实现你需要的功能啦！

内容的提问来源于stack exchange，提问作者Andreia Gosalves