javascript - 表格 : Show entry after a click below a form

Question

我希望在单击按钮后，条目显示在表单下方。不幸的是，我的创作不起作用。

this is what the form looks like

这里是我不工作的脚本 jQuery + form/html(我想用 jquery 实现它):

JS:

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

HTML:

<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>

我做错了什么？ 我写了两个脚本。我如何把它放在一起？

第一个

$("#submit").on('click', function() {
    $("p.giveout").html("Neuer Text");
});

第二个脚本

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

感谢您的提示。

Answer 1

用这个方法，可能对你有帮助:

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

HTML:

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