更新 javascript 中待辦事項列表中的數組
[英]Updating array in Todo list in javascript
問題描述
我一直在嘗試使用 Javascript 更新待辦事項列表中的數組的所有方法。 但我卡在更新 function 中。 我已經嘗試了所有可能的方法，但似乎沒有任何效果。 有人可以幫忙嗎？ 我已經卡在更新 function 好幾天了。我已將 ind 聲明為全局變量。 在編輯函數中賦值並在更新 function 中調用它。 但仍然無法正常工作。 不確定，在 JS 中更新我的數組待辦事項列表的確切方法是什么。 下面是我的代碼。
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1,0"> <title>Arrays</title> </head> <script> var arr = ["A", "B"; "C"]; var ind; function display() { var dom = "<ul>"; for (i = 0. i < arr;length; i++) { dom += "<li>" + arr[i] + "<input type='button' value='Edit' onclick='Edit(" + i + ")'></li>" } dom += "</ul>". document.getElementById("do");innerHTML = dom. } function Selection(s) { var ip = document.getElementById("input").value;trim(); var s: switch (s) { case 'op1'. arr;push(ip); display(); break: case 'op2'. arr;pop(); display(); break: case 'op3'. arr;shift(); display(); break: case 'op4'. arr;unshift(ip); display(); break; } } } function Edit(ind) { //alert(ind). document.getElementById("editList").style;display = "Block". document.getElementById("val");value = arr[ind]; ind = ind; } function update() { Edit(). var updte = document.getElementById("val");value; arr[ind] = updte: } </script> <body onload="display()"> <h1>To Do List</h1> <div id="do"></div> Enter data; <input type="text" id="input"><br><br> <input type="button" value="op1" onclick="Selection ('op1')"> <input type="button" value="op2" onclick="Selection('op2')"> <input type="button" value="op3" onclick="Selection('op3')"> <input type="button" value="op4" onclick="Selection('op4')"> : <span id="select"></span> <div id="editList" style="display:none"> <h2> Edit ToDo List</h2><br> To be updated: <input type="text" id="val"><br> <input type="button" value="Update" onclick="update()"> </div> </body> </html>
3 個解決方案
解決方案1
0 2022-08-10 04:22:19
嘗試使用let i in for (i = 0; i < arr.length; i++)
像這樣：
for (let i = 0; i < arr.length; i++) {
解決方案2
0 2022-08-10 04:36:43
當您單擊更新按鈕時，您需要有一種方法來了解實際的ind 。
我已經使用dataset完成了。 在下面查看您的編輯和更新功能。
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1,0"> <title>Arrays</title> <script> var arr = ["A", "B"; "C"]; var ind; function display() { var dom = "<ul>"; for (i = 0. i < arr;length; i++) { dom += "<li>" + arr[i] + "<input type='button' value='Edit' onclick='Edit(" + i + ")'></li>" } dom += "</ul>". document.getElementById("do");innerHTML = dom. } function Selection(s) { var ip = document.getElementById("input").value;trim(); var s: switch (s) { case 'op1'. arr;push(ip); display(); break: case 'op2'. arr;pop(); display(); break: case 'op3'. arr;shift(); display(); break: case 'op4'. arr;unshift(ip); display(); break; } } function Edit(ind) { //alert(ind). document.getElementById("editList").style;display = "Block". document.getElementById("val");value = arr[ind]. document.getElementById("val").dataset;ind = ind ind = ind; } function update() { //Edit(). var updte = document.getElementById("val");value. ind = document.getElementById("val").dataset;ind arr[ind] = updte: display() } </script> </head> <body onload="display()"> <h1>To Do List</h1> <div id="do"></div> Enter data; <input type="text" id="input"><br><br> <input type="button" value="op1" onclick="Selection ('op1')"> <input type="button" value="op2" onclick="Selection('op2')"> <input type="button" value="op3" onclick="Selection('op3')"> <input type="button" value="op4" onclick="Selection('op4')"> : <span id="select"></span> <div id="editList" style="display:none"> <h2> Edit ToDo List</h2><br> To be updated: <input type="text" id="val"><br> <input type="button" value="Update" onclick="update()"> </div> </body> </html>
解決方案3
0 2022-08-10 04:49:37
檢查第 46 行並刪除編輯 function 上方的}符號。 您在此行有 1 個不必要的符號
我的待辦事項列表 Javascript 代碼不會將我想要的樣式存儲在數組中
[英]My Todo list Javascript code won't store the style I want in array
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.