来 源：https://www.youtube.com/watch?v=JeXqaKeJSRI
原视频：How to accept JavaScript USER INPUT in 5 minutes 💬
原作者：Bro Code - 【资源见评论区】
发布日期：2023-10-15
视频里的所包含资源，有需要的在【评论区留言】，会单独整理。
字幕配音：语音转录、字幕翻译、文本配音、口型对齐等全部由 AI 完成。如有不准确之处，欢迎指出。（视频相关素材、工具箱一键三连评论区回复）---【棋哥资源库AI翻译组】
这期视频用5分钟讲清 JavaScript 接收用户输入的两种常见方式。先演示简单做法：声明 username 变量，用 window.prompt 弹出提示，让用户输入用户名，再通过 console.log 查看结果；也提醒声明和赋值可以合并写。接着切换到更专业的页面做法：在 HTML 里创建 H1、文本框、label 和提交按钮，并设置 myText、mySubmit、myH1 等 ID。然后用 document.getElementById 选中按钮，绑定 onclick 函数，在函数里用 .value 读取文本框内容，赋值给 username，再用模板字符串把 H1 的 textContent 改成“Hello 用户名”。最后总结两种方式：window prompt 适合快速测试，HTML 文本框更适合真实页面交互。跟着视频敲一遍，可以理解变量、事件绑定、取值和显示的基本流程。
00:00 两种输入方式
核心内容：介绍 JavaScript 接收用户输入的两种方式：简单的 window prompt 和更专业的 HTML 文本框加提交按钮。
00:19 简单弹窗法
核心内容：声明 username 变量，用 window.prompt 弹出提示并赋值，再用 console.log 查看结果。
01:36 切到HTML
核心内容：创建 H1、文本框、label 和提交按钮，设置 myText、mySubmit 等 ID。
02:44 按钮点击事件
核心内容：用 document.getElementById 选中按钮，绑定 onclick 函数，准备读取文本框内容。
03:31 读取并显示
核心内容：在函数内用 .value 读取输入，赋值给 username，再用 textContent 把 H1 改成问候语。
05:08 两种方式总结
核心内容：回顾 window prompt 与 HTML 文本框两种方案，说明如何按场景选择接收用户输入。
