制作一个页面，要求you一个input和一个button,在input里输入自己的名字(如小李)，点击button时将 小李你真棒 这几个字显示到页面上

制作一个页面，要求you一个input和一个button,在input里输入自己的名字(如小李)，点击button时将 小李你真棒 这几个字显示到页面上

用解决思路代替代码,希望可以指导你正确的思路
根据你的想法:"制作一个页面，要求you一个input和一个button,在input里输入自己的名字(如小李)，点击button时将 小李你真棒 这几个字显示到页面上"
你其实已经说出来具体思路了, 点击button的时候 将小李你真棒 显示到页面上
也就是说 你真棒 这三个字是默认的 小李 相当于动态的,是用户输入到input里面的值,而input里面的值可以通过value获取,
你可以设置 点击事件button触发一个函数,1. 获取input内的value值, 2.把获取的value值传入到你想放的地方,例如alert("") 弹窗 那里面就可以写 alert( 写入对应input的.value) 比如 我用变量a存储这个input元素,那可以写成 alert(a.value+"你真棒") 如果你学习了es6 可以使用反引号alert(${a.value}你真棒) 这个是``包裹的 编辑器可能 编译了 你自己清楚就好
希望可以帮到你,不要直接抄代码,尽量自己书写

点击事件 ，字符串拼接

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input type="text" id="name">
  <p id="text"></p>
  <button id="btn" onclick="nameFn()">dd</button>
</body>
<script>
  

  function nameFn() {
    let name = document.getElementById("name").value;
    let text = document.getElementById("text");
    let btn = document.getElementById("btn");
    text.innerText = name + "你真棒";
  }

</script>

</html>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<input id="name">

<button type="button" onclick="myFunction()">提交</button>

<p id="demo"></p>

<script>
function myFunction() {
    // 获取 id="name" 的值
    var x = document.getElementById("name").value;

    x && alert(x + '你真棒');
}
</script>

</body>
</html>