MmutangM 2022-09-25 15:10 采纳率: 0%
浏览 129

用JS创建一个页面，页面上有一个文本框、一个按钮和一个div

用js创建一个页面，页面上有一个文本框、一个按钮和一个div，按钮显示“请在文本框中输入你的姓名”，而文本框的value值默认为自己的姓名。要求实现效果为：当单击该按钮后，页面会弹出对话框显示“你好，xx！”（xx是文本框的value属性值），并在div中显示显示“这里是xx的页面”（xx是文本框的value属性值）。

  • 写回答

1条回答 默认 最新

  • cchengze 2022-09-25 15:42
    关注
    
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <input type="text" id="name">
        <button id="btn">请在文本框中输入你的姓名</button>
        <div id="msg"></div>
    </body>
</html>
<script type="text/javascript">
    document.getElementById("name").value = '默认姓名';
    document.getElementById("btn").onclick = () => {
        const name = document.getElementById("name").value;
        document.getElementById('msg').innerText = '这里是' + name + '的页面';
        alert('你好，' + name + '!');
    }
</script>
    评论

报告相同问题？

问题事件

  • 创建了问题 9月25日

悬赏问题

  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料