First steps with JavaScript [PL] PART1

Najlepsze programy do organizowania swoich zadań są płatne. Ja dziś sprzedaję Ci jeden z nich za darmo, choć…

nie jest to niestety jeden z najlepszych programów do organizowania Twoich zadań. Jest to natomiast dobry start do nowego wątku na blogu: JavaScriptu. Dziś, na rozgrzewkę przedstawiam Ci kod, który może na początku laika przysporzyć o ból głowy. Za pomocą wszystkim nam znanego Kopipejsta wklej poniższy kod do konsoli w swojej przeglądarce (nie, nie ma tam żadnego wirusa!).

Jak wkleić kod do przeglądarki? Najlepiej w Chrome: wciśnij F12, znajdź ‘Console’ i tam wklej poniższy kod:

var toDoList = [];

var quit = false;

while (quit === false) {
    var userChoice = prompt(“What would you like to do?”);
    if (userChoice === “new”) {
        var newTask = prompt(“Put new task to do:”);
        toDoList.push(newTask);
        alert(“You added new task: ” + newTask);
    } else if (userChoice === “list”) {
        alert(“Your task to do are listed below: ” + newTask);
        toDoList.forEach(function (task, index) {
            console.log(“**************\n”
                + index + “:”
                + task + “\n**************”);
        })
    } else if (userChoice === “quit”) {
        console.log(“Finally your todo list is below:\n”);
        toDoList.forEach(function (task, index) {
            console.log(“**************\n”
                + index + “:” + task
                + “\n**************”);
        })
        quit = true;
    }
    if (userChoice === “delete”) {
        console.log(“Please give me a number of index you would like me to delete.”
            + ” You can choose from below options: “)
        toDoList.forEach(function (task, index) {
            console.log(“**************\n”
                + index + “:” + task
                + “\n**************”);
        })
        var deleteTask = prompt(“Give me a number of task you would like me to delete”);
        alert(“You deleted task with number: ” + deleteTask);
        console.log(“Below is the new list of your tasks:”)
        toDoList.forEach(function (task, index) {
            console.log(“**************\n”
                + index + “:” + task
                + “\n**************”);
        })
    }
}

Teraz w ogniu zadań wtorkowego challengowania tasków masz do wyboru kilka opcji:

  • new, gdzie możesz dodać swojego taska, nazwać go i potwierdzić zapisanie,
  • list, za pomocą którego możesz sprawdzić listę zadań toDo na dziś,
  • delete, za pomocą którego możesz usunąć wybrane zadanie,
  • quit, za pomocą którego możesz zakończyć program i cieszyć się stworzoną dla siebie listą zadań.

Czy napisanie takiego programu jest trudne? Nie.

Zapraszam Cię już dziś do kategorii JavaScript gdzie regularnie będę dzielił się swoimi spostrzeżeniami na temat programowania aplikacji za pomocą tego języka.

Miłego wtorku!

2 Replies to “First steps with JavaScript [PL] PART1”

  1. Hej Michał,
    Dobry start !
    Z mojej strony krótkie uwagi tak na szybko:
    1) proponuje użyć ‘switch..case’ zamiast następujących po sobie ‘if…else’; kod jest wtedy czytelniejszy i szybszy (chociaż przy takim krótkim kodzie różnice akurat w szybkości będą niezauważalne)
    2) w Twoim kodzie jest przewidziana opcja ‘delete’, o której nie wspominasz i która nie działa: proponuję uzupełnić kod o następujące:
    toDoList.splice(deleteTask, 1);
    3) nie ma potrzeby używania deklaracji ‘var’; dobrze wyjaśnia to ten artykuł:
    https://blog.usejournal.com/var-let-and-const-hoisting-and-scope-8860540031d1
    Pozdrawiam i miłego kodowania!

    P.S.: Poniżej mój kod ale nie wiem w jakim stanie dotrze do Ciebie…

    const toDoList = [];
    let quit = false;

    while (quit === false) {
    let userChoice = prompt(‘What would you like to do?’);
    switch (userChoice) {
    case ‘new’:
    let newTask = prompt(‘Put new task to do: ‘);
    toDoList.push(newTask);
    alert(‘You added new task: ‘ + newTask);
    break;
    case ‘list’:
    alert(‘Your task to do are listed below: ‘);
    toDoList.forEach(function(task, index) {
    console.log(‘**************\n’ + index + ‘: ‘ + task + ‘\n **************’);
    });
    break;
    case ‘quit’:
    console.log(‘Finally your todo list is below: \n’);
    toDoList.forEach(function(task, index) {
    console.log(‘**************\n’ + index + ‘: ‘ + task + ‘\n **************’);
    });
    quit = true;
    break;
    case ‘delete’:
    console.log(
    ‘Please give me a number of index you would like me to delete.’ +
    ‘ You can choose from below options: ‘
    );
    toDoList.forEach(function(task, index) {
    console.log(‘**************\n’ + index + ‘: ‘ + task + ‘\n **************’);
    });
    let deleteTask = prompt(‘Give me a number of task you would like me to delete ‘);
    toDoList.splice(deleteTask, 1);
    alert(‘You deleted task with number: ‘ + deleteTask);
    console.log(‘Below is the new list of your tasks: ‘);
    toDoList.forEach(function(task, index) {
    console.log(‘**************\n’ + index + ‘: ‘ + task + ‘\n **************’);
    });
    break;
    default:
    console.log(‘Wrong choice!’);
    }
    }

    1. Tomek, serdeczne dzięki za mocne wskazówki! Faktycznie, rozwiązanie przez switch case, nawet na początkach przygody wydaję się być bardziej sensowne. Bardzo dziękuję za uzupełnienie treści o funkcję delete, która faktycznie w opisie wypadła mi, uzupełniłem od razu po przeczytaniu Twojego komentarza. Twój kod doszedł do mnie bezbłędnie, choć musiałem podmienić znaki ‘ na normalne cudzysłowie “, może ustawienia w IDE. Serdecznie pozdrawiam!

Leave a Reply

Your email address will not be published. Required fields are marked *