OK dans cette vidéo, nous allons utiliser ce que nous avons appris jusqu'ici sur les tableaux javascript pour construire une liste très simple à faire.
Et bien sûr, nous n'avons pas appris à avoir notre javascript interagir avec notre Jim Clancy est nous.
Donc, cette liste à faire app est tout va être basé sur des invites et des alertes et constamment des journaux.
Mais très bientôt, nous allons apprendre sur la mutation dominante qui est la façon dont nous obtenons notre javascript pour ajouter de l'âge à des éléments Moul ou de les supprimer ou de les changer ou ajouter les SS et à ce point, nous allons réellement faire une belle recherche pour faire la liste où Ce n'est pas seulement Konst, mais les logs.
Voici donc comment ça va fonctionner.
Quand je rafraîchis la page, il me demande ce que je voudrais faire.
Et vous pouvez voir sur la gauche j'ai trois choix, je peux taper un nouveau téléphone ajouter un nouveau à faire.
Je peux taper list pour afficher tout ou écrire quit pour quitter.
Alors essayons de taper la liste pour commencer.
Et il m'imprime tous les à faire, qui est juste un tableau vide pour l'instant.
Alors ajoutons un nouveau.
Notez qu'il me demande encore une fois je n'ai pas eu à recharger tout type nouveau et maintenant il dit entrer un nouveau à faire.
Alors je vais marcher rouillé.
Hit entrer et maintenant il me demande ce que vous aimeriez faire.
Alors je vais énumérer et je peux voir que la marche resti a été ajouté à ma liste de tâches.
Ajoutons un autre.
Donc, nouveau celui-ci sera alimentation resti et la liste et j'ai maintenant les deux éléments dans ce tableau.
Donc, maintenant pour mettre fin à ce cycle, je vais le prendre, je ne suis pas invité à nouveau.
C'est donc notre objectif.
Allons-y et ouvrez sublime et créez les fichiers nécessaires.
J'ai donc une liste.
HMO va ajouter mon boilerplate à faire la liste.
Et puis à l'intérieur d'ici je vais aller de l'avant et ajouter en juste un H1 pour le rendre clair pour faire la liste et puis quelques alliés.
Le premier juste pour que nous nous souvenions que les commandes ajoutent un à faire et alors nous allons avoir des listes énumèrent tout à faire.
Et puis enfin quitter ce qui est juste pour arrêter.
Sauvegarde ça.
Maintenant, nous allons le lien dans notre fichier javascript que nous avons encore besoin de créer.
Et je vais appeler cette liste.
Jay Oui, puis je vais créer ce fichier et enregistrer la liste que J.S ..
Et bien sûr, comme j'aime toujours faire, je vais commencer par faire juste une console que le journal cette fois connecté juste pour vérifier que tout fonctionnait correctement.
Maintenant, nous allons ouvrir ceci dans notre navigateur.
Voici une liste de choses à faire et nous sommes connectés.
Impressionnant.
Juste pour augmenter la police un peu ici.
Maintenant parlons de notre logique.
Donc, ce que nous allons faire est d'utiliser un tableau pour modéliser notre liste à faire.
Nous allons donc avoir besoin d 'un.
Je vais l'appeler à faire et il va commencer comme vide.
Et puis la prochaine chose que nous devons faire est de demander à l'utilisateur pour la contribution.
Donc, nous allons simplement appeler que la saisie d'entrée var est égale à l'invite.
Qu'est-ce que tu aimerais faire.
Et puis la prochaine étape est de vérifier simplement ce que l'entrée est si l'entrée est LIST.
Nous allons faire une chose si les données sont nouvelles, nous allons faire autre chose.
Alors essayons que si l'entrée et nous allons commencer par vérifier juste si c'est égal à la liste.
Si c'est le cas, nous allons simplement annuler ne pas enregistrer tous pour faire exactement comme ça.
Let's go ahead et ajouter dans certains à faire ici et nous allons ajouter un ici par la nouvelle tortue enregistrer et nous allons vérifier si cela fonctionne.
Donc, pour vérifier si cela fonctionne, il sera actualisé.
Et tout ce que nous devons faire est de taper la liste et nous devrions voir notre tableau qui dit acheter de nouvelles tortues.
Toutefois, si nous saisissons quelque chose d'autre, nous ne voyons rien parce que notre code ne s'exécute que si input est égal à list.
Donc il y a ça.
L'étape suivante consiste à ajouter une autre condition.
Faisons juste.
Sinon, si l'entrée est égale à new.
Et si c'est le cas, nous allons vouloir demander à l'utilisateur pour un nouveau à faire demander de nouvelles à faire ajouter deux à do's tableau.
Donc, pour demander le nouveau à faire, nous utilisons juste prompt pour notre nouveau à faire des égales invite.
Entrez une nouvelle tâche à faire et puis l'ajouter au tableau Dewes, nous avons beaucoup d'options.
Je vais l'ajouter à la fin du tableau.
Donc, tous utilisés pour utiliser la poussée nouvelle à faire.
C'est donc tout ce que nous devons faire ici pour que cela fonctionne.
La seule question est que si je cours ceci maintenant et j'essaye un avait un nouveau pour faire la dactylographie nouvelle il me demande d'entrer un nouveau pour faire laissez-nous faire la nouvelle tortue de WOC et si je frappe l'entrée je suis fait.
En fait, je n'ai pas de moyen de vérifier si cela fonctionnait.
Je pourrais aller ici et taper dans la console et je peux vérifier OK tous les deux sont ici, mais je n'ai pas un moyen d'utiliser la commande liste pour les imprimer.
Et c'est parce que maintenant nous demandons une fois ce que vous aimeriez faire.
Donc la prochaine étape est d'obtenir ce à répéter.
Nous voulions continuer à demander encore et encore et jusqu'à ce que les types d'utilisateurs quittent.
Alors j'espère que ça vous crie que nous devrions utiliser une boucle.
Nous voulons faire quelque chose encore et encore jusqu'à ce que la condition est vraie.
Donc, la boucle que nous voulons écrire va être une boucle while et la condition va être alors que l'entrée n'est pas égal à quitter.
Donc, quand il ya autre chose que d'arrêter, nous allons exécuter ce code.
Ensuite, je reviendrai sur ce blog.
OK, vous quittez l'application pour que nous puissions voir quelques commentaires.
Nous ne verrons cette ligne qu'une seule fois.
Donc, cela signifie que l'utilisateur a tapé rapidement et ensuite à l'intérieur d'ici au bas, nous allons demander à nouveau pour de nouvelles entrées.
Et au sommet, nous allons gérer les commentaires.
Donc, nous allons commencer par demander à l'utilisateur de saisir une fois et puis je vais déplacer ce code dans la boucle comme ça.
Donc, je vais leur demander une fois ce que vous aimeriez faire est une entrée égale à cesser de fumer.
Espérons qu'ils ne quittent pas tout de suite.
Mais s'ils le font, nous obtenons juste OK vous quittez.
Mais s'ils ne saisissent pas quit, nous allons vérifier la liste de type de jour, ils ont taper new.
Et puis la toute dernière chose est que nous avons besoin de demander à nouveau pour de nouvelles entrées afin de demander à nouveau pour de nouvelles entrées.
Tout ce que nous devons faire est de copier cette ligne juste comme ça.
Donc, je vais faire un peu plus grand.
Donc, ici, nous demandons de nouveau l'entrée et qui commencera à boucler et tout contrôle est entrée égale à quitter cette fois.
Oui, nous avons terminé.
Alors essayons ça.
Aller à rafraîchir la page que voulez-vous faire.
Faisons de nouvelles recrues sont nouvelles pour faire la nouvelle tortue nourrir Que voulez-vous faire.
Il me demanda encore une fois.
Alors maintenant, j'ai ces deux à faire dans ma liste à faire.
Maintenant essayons de quitter et nous obtenons OK.
Vous quittez l'application.
J'ai donc tapé quitter cette condition soudainement c'était vrai et alors nous sommes faits.
Donc, nous allons juste former ce petit peu mieux et puis les choses correctement.
Donc, c'est pour notre base pour faire la liste pour l'instant.
Nous allons bientôt ajouter des fonctionnalités supplémentaires et d'autres commandes, mais nous devons apprendre quelques nouvelles choses au sujet des tableaux avant que nous puissions le faire.