Adalab/clarke-fc-todo-list-ElenaCerezoSwing

Name: clarke-fc-todo-list-ElenaCerezoSwing

Owner: Adalab

Description: clarke-fc-todo-list-ElenaCerezoSwing created by GitHub Classroom

Created: 2018-04-12 16:15:31.0

Updated: 2018-04-14 17:50:14.0

Pushed: 2018-04-14 17:50:12.0

Homepage: https://adalab.github.io/clarke-fc-todo-list-ElenaCerezoSwing/.

Size: 31

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

This is the 6th exercise. We have to create a ToDo List <3

'use strict';

const dayNumber = document.querySelector(“.dayNumber”); const dayOfTheWeek = document.querySelector(“.dayOfTheWeek”); const dataMonth = document.querySelector(“.dataMonth”); const dataYear = document.querySelector(“.dataYear”); 'use strict';

const dayNumber = document.querySelector(“.dayNumber”); const dayOfTheWeek = document.querySelector(“.dayOfTheWeek”); const dataMonth = document.querySelector(“.dataMonth”); const dataYear = document.querySelector(“.dataYear”);

// Funciones(que no son tal) asociadas a la fecha

const todayIs = new Date(); const day = todayIs.getDay(); const days = [“domingo”, “lunes”, “martes”, “miércoles”, “jueves”, “viernes”, “sábado”]; const month = todayIs.getMonth(); const months = [“enero”, “febrero”, “marzo”, “abril”, “mayo”, “junio”, “julio”, “agosto”, “septiembre”,

"octubre", "noviembre", "diciembre"];

const date = todayIs.getDate(); const year = todayIs.getFullYear();

dayNumber.innerHTML = date; dayOfTheWeek.innerHTML = days[day]; dataMonth.innerHTML = months[month]; dataYear.innerHTML = year;

// Ahora vamos a añadir tareas :)

const newTask = document.querySelector(“.oneMoreTask”); const updateTask = document.querySelector(“.addATask”); const taskList = document.querySelector(“.taskList”); const toDoList = document.querySelector(“.toDoList”); const toDoHeader = document.querySelector(“.toDoHeader”); const toDoMain = document.querySelector(“.toDoMain”); const toDoFooter = document.querySelector(“.toDoFooter”); const writeDownNewTask = document.querySelector(“.writeDownNewTask”); const addATaskButton = document.querySelector(“.addATask”); const currentTask = document.querySelector('#task');

const taskMount = [];

function addNewTask(){

writeDownNewTask.classList.toggle('hidden');
toDoHeader.classList.remove('blur');
toDoMain.classList.remove('blur');
toDoFooter.classList.remove('blur');

for (let i = 0; taskMount.length+1; i++){
taskList.innerHTML += '<li class="iTask" id="task'+i+'">'+
'<input type="checkbox" id="checkbox'+i+'"/>TAREA '+(i+1)+': '+taskMount[i]+'</li>';}


const JSONtaskMount = JSON.stringify(taskMount);
localStorage.setItem('taskMount', JSONtaskMount);

const JSONparse = JSON.parse(localStorage['taskMount']);

console.log(JSONparse);
const updatedTaskMount = localStorage.getItem('taskMount');

}

addATaskButton.addEventListener('click', addNewTask);

function addAndWriteATask() {

writeDownNewTask.classList.toggle('hidden');
toDoHeader.classList.add('blur');
toDoMain.classList.add('blur');
toDoFooter.classList.add('blur');

}

newTask.addEventListener('click', addAndWriteATask);

function saveAsChecked(event){

var checkboxId = event.target.id;
var checkboxIdNumber = checkboxId.replace('checkbox', '');
var numberID = parseInt(checkboxIdNumber);
var task = document.querySelector('#task' + numberID);
if(event.target.checked){
  task.classList.add('checked');
} else{
  task.classList.remove('checked');
}

} // Funciones(que no son tal) asociadas a la fecha

const todayIs = new Date(); const day = todayIs.getDay(); const days = [“domingo”, “lunes”, “martes”, “miércoles”, “jueves”, “viernes”, “sábado”]; const month = todayIs.getMonth(); const months = [“enero”, “febrero”, “marzo”, “abril”, “mayo”, “junio”, “julio”,“agosto”, “septiembre”, “octubre”, “noviembre”, “diciembre”]; const date = todayIs.getDate(); const year = todayIs.getFullYear();

dayNumber.innerHTML = date; dayOfTheWeek.innerHTML = days[day]; dataMonth.innerHTML = months[month]; dataYear.innerHTML = year;

// Ahora vamos a añadir tareas :)

const newTask = document.querySelector(“.oneMoreTask”); const updateTask = document.querySelector(“.addATask”); const taskList = document.querySelector(“.taskList”); const toDoList = document.querySelector(“.toDoList”); const toDoHeader = document.querySelector(“.toDoHeader”); const toDoMain = document.querySelector(“.toDoMain”); const toDoFooter = document.querySelector(“.toDoFooter”); const writeDownNewTask = document.querySelector(“.writeDownNewTask”); const addATaskButton = document.querySelector(“.addATask”); // const taskId = document.querySelector(“#taskId-“); const taskMount = [];

// function addNewTask(){ // writeDownNewTask.classList.toggle('hidden'); // toDoHeader.classList.remove('blur'); // toDoMain.classList.remove('blur'); // toDoFooter.classList.remove('blur'); // // const taskIdValue =taskId.value;

// taskList.innerHTML += '

';

// const JSONtaskMount = JSON.stringify(taskMount); // localStorage.setItem('taskMount', JSONtaskMount);

// const JSONparse = JSON.parse(localStorage['taskMount']);

// console.log(JSONparse); // const updatedTaskMount = localStorage.getItem('taskMount'); // }

// addATaskButton.addEventListener('click', newElement);

function addAndWriteATask(){

writeDownNewTask.classList.toggle('hidden');
toDoHeader.classList.add('blur');
toDoMain.classList.add('blur');
toDoFooter.classList.add('blur');

}

newTask.addEventListener('click', addAndWriteATask);

function newElement() {

writeDownNewTask.classList.toggle('hidden');
toDoHeader.classList.remove('blur');
toDoMain.classList.remove('blur');
toDoFooter.classList.remove('blur');


const li = document.createElement("li");
const checkbox = document.createElement("INPUT");
checkbox.setAttribute("type", "checkbox");
checkbox.className = "checking";
li.appendChild(checkbox);
const inputValue = document.getElementById("taskId").value;
const t = document.createTextNode(inputValue);
li.appendChild(t);
if (inputValue === '') {
  alert("You must write something!");
} else {
  document.querySelector(".taskList").appendChild(li);
}
document.getElementById("taskId").value = "";

const JSONtaskMount = JSON.stringify(taskMount);
localStorage.setItem('taskMount', JSONtaskMount);

const JSONparse = JSON.parse(localStorage['taskMount']);

console.log(JSONparse);
const updatedTaskMount = localStorage.getItem('taskMount');

}

addATaskButton.addEventListener('click', newElement);

// const checkBox = document.querySelector(“input[type=checkbox]“); // checkBox.addEventListener('click', function(ev) { // if (ev.target.tagName === 'LI') { // ev.target.classList.toggle('checked'); // } // }, false);

// document.onload(newElement());