Javascript 你能在下面的程序中找到错误吗？_Javascript_Html

Javascript 你能在下面的程序中找到错误吗？

javascript html

Javascript 你能在下面的程序中找到错误吗？,javascript,html,Javascript,Html,主要错误在函数中，但我找不到它。我是这个部门的新手，所以请耐心点 <html> <head><title>print names</title> <script language="javascript"> function name() { var first, middle, last; first = documen

主要错误在函数中，但我找不到它。我是这个部门的新手，所以请耐心点

        <html>
            <head><title>print names</title>
    <script language="javascript">
        function name() 
    {
          var first, middle, last;
          first = document.f1.fname.value;
          middle = document.f1.mname.value;
          last = document.f1.lname.value;
div1.insertAdjacentHTML("AfterEnd", "<h1 style='textalign:center'>My name is " + first + middle + last + "</h1>");
        }

            </head>
            <body bgcolor="9edcba">
            <h1>here we display the name</h1>
            <form name="f1">
            Enter the first name: <input type=text name="fname" size=15>
            <br>
            Enter the middle name: <input type=text name="mname" size=15>
            <br>
            Enter the last name: <input type=text name="lname" size=15>
            <br>
            <div id="div1">
            <input type=button value="click here" onclick="name()">
            </div>
    </form>
            </body>
            </html>

将函数名更改为保留名称。编辑引号+添加结束语添加了结束表单标签。

将div1.insert行更改为以下行 div1.insertadjacentmlafterend，我的名字是+first+middle+last；

并将函数的名称更改为name1。as name不能用作函数名。

可能太晚了，但您也可以这样做

将表单元素类更改为ID类，因为它们在获取某种输入并返回时更安全。已将名称更改为myFunction，因为名称已保留，无法使用。函数myFunction{ var fname=document.getElementByIdfname； var mname=document.getElementByIdmname； var lname=document.getElementByIdlname； var currentVal=fname.value++mname.value++lname.value； div1.insertadjacenttmlafterend，我的名字是+currentVal+； } 我们在这里显示名称输入第一个名称：输入中间名：输入姓氏：

每当遇到javascript问题时，请尝试添加警报并检查是否调用了该函数

检查下面的代码，这将解决您的问题。即使你接受了答案

<html>
<head><title>print names</title>
    <script language="javascript">
        function call()
        {

            var first, middle, last;
            first = document.f1.fname.value;

            middle = document.f1.mname.value;

            last = document.f1.lname.value;

            div1.insertAdjacentHTML("AfterEnd", "<h1 style='textalign:center'>My name is " + first + middle + last + "</h1>");
        }
</script>
        </head>
        <body bgcolor="9edcba">
                <h1>here we display the name</h1>
        <form name="f1">
                Enter the first name: <input type=text name="fname" size=15>
                <br>
                Enter the middle name: <input type=text name="mname" size=15>
                <br>
                Enter the last name: <input type=text name="lname" size=15>
                <br>
                <div id="div1">
                <input type=button value="click here" onclick="call()">
                </div>
                </form>
                </body>
                </html>

请提供正在产生的错误和/或一个问题？您的报价不平衡请在这里提出任何问题时更加具体。在您的程序中，您面临什么样的问题？在这里，我看到您忘记关闭标记。问题寻求调试帮助为什么这段代码不起作用？必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。输入应该打印的名称后，我看不到输出，就像我的名字是firstname middlename lastname一样

<html>
<head><title>print names</title>
    <script language="javascript">
        function call()
        {

            var first, middle, last;
            first = document.f1.fname.value;

            middle = document.f1.mname.value;

            last = document.f1.lname.value;

            div1.insertAdjacentHTML("AfterEnd", "<h1 style='textalign:center'>My name is " + first + middle + last + "</h1>");
        }
</script>
        </head>
        <body bgcolor="9edcba">
                <h1>here we display the name</h1>
        <form name="f1">
                Enter the first name: <input type=text name="fname" size=15>
                <br>
                Enter the middle name: <input type=text name="mname" size=15>
                <br>
                Enter the last name: <input type=text name="lname" size=15>
                <br>
                <div id="div1">
                <input type=button value="click here" onclick="call()">
                </div>
                </form>
                </body>
                </html>