My Portfolio

JavaScriptのチートシート２（演習）

登録日	：2025/02/09 14:45
カテゴリ	：Linux

コンソールにリストをTodoリストを表示する。
HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Javascript</h1>
    <script src="script.js"></script>
</body>
</html>

Javascript

//Todo application.
function new_item(todlist){
    // alert('new');
    const item = prompt('Please input new todo item: ');
    todlist.push(item);
}

function show_list(todolist){
    // alert('list');
    console.log('*** Todo list ***')
    for (let i=0; i<todolist.length; i++){
        console.log(i+1, todolist[i]);
    }
    console.log('*****************')
}

function delete_item(todolist){
    // alert('delte');
    show_list(todolist);
    const input = parseInt(prompt('Please input delete item index: '));
    if(input && input<=todolist.length){
        const delitem = todolist.splice(input-1, 1);
        console.log(`delete> ${input} : ${delitem}`);
    }else{
        console.log(`index number is wrong. your input = ${input}`)
    }
}

const TodoList = []
let input = prompt('Please input: new, list, delete, quit');
while(input !== 'quit'){
    switch(input){
        case 'new':
            new_item(TodoList);
            break;
        case 'list':
            show_list(TodoList);
            break;
        case 'delete':
            delete_item(TodoList);
            break;
    }
    input = prompt('Please input: new, list, delete, quit');
}