所以我需要將此代碼提交給我的老師。他有一個隱藏列表供我處理。雖然它不起作用

Question

我不知道我做錯了什么。 我知道我的老師有一個運行的隱藏列表......所以我需要將此代碼提交給我的老師。 他有一個隱藏列表供我處理。 雖然它不工作。

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

Answer 1

假設這段代碼的目標是添加數組中的第一個和最后一個項目並將其顯示在頁面上，這就是代碼要做的事情嗎？

HTML

Click for both ends:
<button type="button" id="btnList">Click Here</button>
<div id="output"></div>

JS

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

當然，我不知道你的老師打算用“隱藏”列表做什么。 因此，如果您能詳細說明這一部分，我們或許也能幫您解決這個問題。

但是現在，我通過向 onload-function 中的按鈕添加一個事件偵聽器來修復您的代碼。 這將觸發您的函數，然后從列表中添加第一個和最后一個項目並顯示它。

看看它的實際效果： JSFiddle

編輯

我在 jQuery 中玩弄你的代碼，最后我做了這個。 也許你能找到一些靈感。 你的老師不使用jQuery嗎，因為它讓生活更輕松。 除非您只是在學習，否則最好了解 Javascript 的基礎知識。

另一個版本

所以我需要將此代碼提交給我的老師。他有一個隱藏列表供我處理。雖然它不起作用

問題描述

1 個解決方案

解決方案1
0 2015-07-06 01:55:41

所以我需要將此代碼提交給我的老師。 他有一個隱藏列表供我處理。 雖然它不起作用

問題描述

1 個解決方案

解決方案1 0 2015-07-06 01:55:41

所以我需要將此代碼提交給我的老師。他有一個隱藏列表供我處理。雖然它不起作用

解決方案1
0 2015-07-06 01:55:41