how to append on to this array with javascript
Question
when you say new it should add the item you enter to the todo list and when I call list it should give me the list but the quit works and it quits the program if you have any advice can you please tell me how to fix this problem thank you in advance
window.setTimeout(function() { while(true){ var rep = prompt("what ya wanna do?"); var list = []; if(rep === "new"){ var newItem = prompt("whacha wanna add?") list.push(newItem); } if(rep === "list"){ alert(list) } if(rep === "quit"){ break; } } }, 500);
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="ps3.js"></script> </head> <body> <h1>Todo List</h1> <ul> <li>"new" - Add A Todo</li> <li>"list" - Veiw All Todos</li> <li>"quit" - Quit Applet</li> </ul> </body> </html>
2 answers
solution1
1 ACCPTED 2020-02-04 04:52:37
Declare variable var list = []; outside the while loop
Working example
window.setTimeout(function() { var list = []; while(true){ var rep = prompt("what ya wanna do?"); if(rep === "new"){ var newItem = prompt("whacha wanna add?") list.push(newItem); } if(rep === "list"){ alert(list) } if(rep === "quit"){ break; } } }, 500);
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="ps3.js"></script> </head> <body> <h1>Todo List</h1> <ul> <li>"new" - Add A Todo</li> <li>"list" - Veiw All Todos</li> <li>"quit" - Quit Applet</li> </ul> </body> </html>
solution2
0 2020-02-04 04:53:58
Declare list to be out of while loop
var list = []; window.setTimeout(function() { while(true){ var rep = prompt("what ya wanna do?"); if(rep === "new"){ var newItem = prompt("whacha wanna add?") list.push(newItem); } if(rep === "list"){ alert(list) } if(rep === "quit"){ break; } } }, 500);
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="ps3.js"></script> </head> <body> <h1>Todo List</h1> <ul> <li>"new" - Add A Todo</li> <li>"list" - Veiw All Todos</li> <li>"quit" - Quit Applet</li> </ul> </body> </html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to append an object to array in javascript?
How to append an array to an existing array in javascript
append array to array javascript
How to append items to nested array in JavaScript
How to append an array of objects to a card element in javascript
How to append blade templete array into javascript
How to append text to array value JavaScript
How to append text from array in paragraph in javascript?
How to append text to all values of javascript Array
How to append array to existing json javascript?
Related Tags