javascript - 如何从配方师中读取数据？

我正在上学运动。任务是从配方设计师中读取数据。尽管我所知不多，但我坚持执行第一个任务。第一个任务的结果应该是：“您的名字有....个字符。”因此，基本上，如果我在文本字段中输入名称，然后按提交按钮，则应该为我提供名称的.length。

HTML：

<form>
<input id="Name" type="text" name="Name">
<input id="Ausgabe" type="submit" value="Ausgabe" onclick="ausgabe"()>
                <p id="yournamehas" class="ptags">Your Name has:</p>
                <p id="lname" class="ptags"></p>
                <p id="Characters" class="ptags"> Characters</p>
</form>

Javascript：

function namelength() {
         var Namee = document.getElementById('#Name').value.length
         document.getElementById('lname').innerHTML = Namee
};

function ausgabe() {
    $("#Ausgabe").on("click",function(){
        {
            document.getElementById("#Ausgabe").innerHTML =
                namelength();
        }
    })
};

我真的不知道怎么了。你们能帮我吗？

最佳答案

var a = document.getElementById('Name');
function ausGabe(){
var  b  = a.value;
var name = document.getElementById('yournamehas').innerHTML = "Your Name has:" + " " +b;
var len = document.getElementById('Characters').innerHTML = "Characters" + " " + b.length;
}

<form>
<input id="Name" type="text" name="Name">
<input id="Ausgabe" type="button" value="Ausgabe" onclick="ausGabe()">
                <p id="yournamehas" class="ptags">Your Name has:</p>
                <p id="lname" class="ptags"></p>
                <p id="Characters" class="ptags"> Characters</p>
</form>

关于javascript - 如何从配方师中读取数据？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48945640/