Javascript 所以我需要把这个代码提交给我的老师。他有一份隐藏的名单,我的职能部门需要处理。但它不起作用

Javascript 所以我需要把这个代码提交给我的老师。他有一份隐藏的名单,我的职能部门需要处理。但它不起作用,javascript,html,function,Javascript,Html,Function,我不知道我做错了什么。我知道我的老师有一个运行的隐藏列表…所以我需要将此代码提交给我的老师。他有一份隐藏的名单,我的职能部门需要处理。但它不起作用 <!DOCTYPE HTML> <html lang="en-us"> <head> <meta charset="utf-8"> <title>First and Last</title> <script typ

我不知道我做错了什么。我知道我的老师有一个运行的隐藏列表…所以我需要将此代码提交给我的老师。他有一份隐藏的名单,我的职能部门需要处理。但它不起作用

  <!DOCTYPE HTML>
<html lang="en-us">
    <head>
        <meta charset="utf-8">
        <title>First and Last</title>
        <script type="text/javascript">
        /*
            Input:
            Processing:
            Output:
        */
            function addEnds(list)
            {
                /*var list=[1,2,3,4,5];*/

                var first=list[0]

                for (var i = 0; i < list.length; i++)
                {
                    var last=list[i];
                }

                var math=first+last;

                document.getElementById("output").innerHTML=math;
            }
        </script>
    </head>
    <body>

        Click for both ends:<button type="button" onclick="addEnds()">
            Click Here
        </button>
        <div id="output">
        </div>
    </body>
</html>

始终如一
/*
输入:
处理:
输出:
*/
函数加数(列表)
{
/*var列表=[1,2,3,4,5]*/
var first=list[0]
对于(变量i=0;i
假设此代码的目标是在数组中添加第一个和最后一个项目并将其显示在页面上,这就是代码必须执行的操作

HTML


当然,我不知道你们的老师打算如何处理“隐藏”列表。 因此,如果你能在这一部分详细阐述一下,我们或许也能帮助你解决这个问题

但现在,我通过在onload函数中的按钮中添加事件侦听器修复了代码。这将触发您的函数,然后从列表中添加第一个和最后一个项目并显示它

要看到它的作用:

编辑
我在jQuery中使用了您的代码,最后我制作了这个。 也许你能找到一些灵感。你的老师不使用jQuery吗,因为它让生活变得容易多了。除非您只是在学习,否则最好从Javascript中了解基础知识


定义其不工作。预期的结果是什么,当前的结果是什么?当我输入它时,它会出现这样的结果:加法器函数失败。TypeError:无法将属性“innerHTML”设置为Null老师给出的问题是什么?如果我没有弄错的话,这里的目标是添加给定列表中的第一项和最后一项,并将其显示在页面上。但是关于列表是如何分配给函数的,还不是很清楚。我假设了以下情况,并根据我从他的问题中了解的情况提出了解决方案。
Click for both ends:
<button type="button" id="btnList">Click Here</button>
<div id="output"></div>
document.getElementById("btnList").addEventListener("click", addEnds, false);

function addEnds() {
    var list = [1, 2, 3, 4, 5];

    var first = list[0];
    var last = list[list.length-1];

    var math = first + last;

    document.getElementById("output").innerHTML = math;
}