Javascript 表单：在表单下方单击后显示条目

我想在点击按钮后看到条目出现在表单下方。不幸的是，我的创作不起作用

这里是我的非工作脚本jQuery+form/html（我想用jQuery实现它）：

JS:

$("#submit").click(function() {
    $("#name").on("keyup", function() { 
        var value = $(this).val(); 
        $("p.giveout").text(value); 
    });
});

<section class="form">
    <label for="name">Name</label><br>
    <input type="text" id="name">
    <input type="submit" id="submit">
    <p class="giveout">Hallo <strong>Anon!</strong></p>
    <script src="lib/js/my.js"></script>
</section>

HTML:

$("#submit").click(function() {
    $("#name").on("keyup", function() { 
        var value = $(this).val(); 
        $("p.giveout").text(value); 
    });
});

<section class="form">
    <label for="name">Name</label><br>
    <input type="text" id="name">
    <input type="submit" id="submit">
    <p class="giveout">Hallo <strong>Anon!</strong></p>
    <script src="lib/js/my.js"></script>
</section>

第二稿

$(function() { 
    $("#name").on("keyup", function() { 
        var value = $(this).val(); 
        $("p.giveout").text(value); 
    });
});

---

谢谢您的提示。

通过这种方法，可能会帮助您：

$("#submit").on('click', function() {
    var text = $('#name').val();
    $("p.giveout strong").html(text);
});

HTML:

名称

你好

Hi Fl1tz，我认为这可以解决您的问题：

javascript$（function（）{$（“#name”）.on（“change”，function（）{$（（.p.giveout”）.text（$（this.val（））；}）谢谢。我试试。@N'Bayramberdiyev->非常感谢！成功了！我是这样修改的：$（function（）{$（“#name”）.on（“change”，function（）{$（“p.giveout”）.text（“Hallo”+$（this.val（）；）；}）；我想把变量加粗。在变量前后引用STRONG不起作用。->太好了！！！-然而，在这个版本中，我必须明确地在表单下编写对js文件的引用。或