하루를살자

Key Points - use of open API. - Weather API from https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and local weather models, satellites, radars and a vast network of weather stations. how to obtain APIs (subscriptions w openweathermap.org..

Key Points - use of navigator object and getCurrentPosition(). - Parameters of getCurrentPosition(). //if getCurrentPosition is succeed , it calls onGeoOk function with geolocation object information function onGeoOk(pos){ const lat = pos.coords.latitude; const long = pos.coords.longitude; console.log(lat,long); } function onGeoError(){ alert("Can't find you.!"); } //getCurrentPosition requires ..

Key Points - Logic of deleting selected item on the array - Use of filter() function deleteTodo(event){ //We can identify which li called this event by inspecting event.target object. console.log(event.target); console.dir(event.target.parentElement.innerText); //I designate the selected li element const li = event.target.parentElement; //Remove the list li.remove(); toDos = toDos.filter((item) ..

Key Functions 1. LocalStorage can only save the text. 2. pushing item into Array 3. I have tried to set the Storage value in an array form but in text --> used JSON.Stringify 4. Use of JSON.parse --> makes string into JSON format 5. Use of forEach on each item of an array 6. It is now able to show the toDo list after refreshing the page. 6. Deletion on the page --> Not able to delete from the lo..

The following code will cover generating a to-do list and delete button. - todo.js const todoForm = document.querySelector("#todo-form"); const todoList = document.querySelector("#todo-list"); const todoInput = document.querySelector("#todo-form input"); // const list_key = "userList"; //Will be used later on //3. Delete selected todo list function deleteTodo(event){ //We can identify which li c..

- Image.js //Saved Image source names const images = [ "0.jpeg", "1.jpeg", "2.jpeg" ]; //choose random images const chosenImage = images[Math.floor(Math.random() * images.length)]; //create tag const bgimage = document.createElement("img"); //add img src bgimage.src = `img/${chosenImage}`; console.log(bgimage); //append img tag on the body document.body.appendChild(bgimage); - Key Points 1. crea..

Momentum application 에 사용될 문구들은 아래와 같이 따로 하드 코딩으로 JSON 형식으로 저장하였고, "quote" 와 "author" 라는 Key 값들로 이루워 져있다. - quote.js const quotes = [ { quote: "The way to get started is to quit talking and begin doing.", author: "Walt Disney", }, { quote: "Life is what happens when you're busy making other plans.", author: "John Lennon", }, { quote: "The world is a book and those who do not travel read only one..

To fix the problem at the first version of the clock, we have to consider the time String to always have two characters. To make "1" -> "01" PadStart --> it is used to String, to display in a "N digit form" of the user desire. Ex) "1".padStart(2,"0") --> "01" *The first argument is the "2 digit form" that the user desires to represent the "1" string as. *The second argument fills the rest of the..