课堂练习一 1.弹出可输入弹框，提示信息“说出你的暗号:" 2.弹出可输入弹框，提示信息"对上我的暗号: 3.页面中显示上完整暗号内容

课堂练习一主要是关于前端交互设计，涉及到JavaScript的HTML5 API。以下是每个部分的简要说明：

1. **弹出可输入弹框**: 可以使用`<input type="text">`结合`window.prompt()`函数创建一个模态对话框，提示用户输入他们的暗号。例如:

<button onclick="showInputPrompt('说出你的暗号:')">点击输入</button>
<script>
function showInputPrompt(promptText) {
  var input = window.prompt(promptText);
}
</script>

2. **弹出确认暗号的输入**: 类似地，可以创建另一个输入框，让用户验证输入的暗号是否匹配。同样通过`prompt()`函数，但提示文本改为"对上我的暗号:"。
3. **显示完整暗号内容**: 这部分通常需要将用户的输入保存到某个变量，然后在适当的地方显示出来。你可以创建一个元素如`<p>`标签，并在用户完成输入后更新其内容。示例代码：

let secretCode;
// 当用户输入暗号并确认后
function handleSecretCode(code) {
  secretCode = code;
  document.getElementById("displayArea").innerText = "完整的暗号是: " + secretCode;
}

// 确认按钮的事件处理
function confirmSecretCode(promptText) {
  const enteredCode = window.prompt(promptText);
  if (enteredCode === secretCode) {
    handleSecretCode(enteredCode);
  }
}

在这个例子中，你需要在HTML中设置一个显示区域`<p id="displayArea"></p>`。