Archives
Trending
Support
Login
clear text
XML
Django
JavaScript
MATLAB
C
C++
C#
Python
SQL
Shell
Bash
Markdown
YAML
JSON
HTML
CSS
PHP
Java
Ruby
Go
Rust
Swift
Kotlin
Arduino
TypeScript
Perl
Autohotkey
Lua
SQF
R
Scala
Haskell
Groovy
Dart
Clojure
VB.NET
Objective-C
PowerShell
Bash
CoffeeScript
Verilog
function solve() { let sections=Array.from(document.getElementsByTagName('section')); let open=sections[1]; let inProgress=sections[2]; let finished=sections[3]; console.log(open,inProgress,finished); let inputs=Array.from(document.getElementsByTagName("input")); console.log(inputs) let taskInput=inputs[0]; let descInput=document.getElementById("description") let dateInput=inputs[1]; let addBtn=document.getElementById('add'); addBtn.addEventListener("click",addToOpen); function addToOpen(e){ e.preventDefault(); console.log('add to open clicked'); let task=taskInput.value; let description=descInput.value; let dueDate=dateInput.value; console.log(description) if (task.length>0&&description.length>0&& dueDate.length>0){ console.log('inputs are fine, lets go'); let taskObj={ttask:task,tdescription:description,tdueDate:dueDate} let taskArticle=document.createElement("article"); let taskH=document.createElement("h3"); taskH.textContent=task; let descP=document.createElement("p"); descP.textContent=`Description: ${description}`; let dateP=document.createElement("p"); dateP.textContent=`Due Date: ${dueDate}`; let buttonsDiv=document.createElement("div"); buttonsDiv.className="flex"; let startBtn=document.createElement("button"); startBtn.textContent="Start"; startBtn.className="green"; startBtn.addEventListener("click", ()=>(moveTaskToInProgres(taskObj,taskArticle))); let delBtn=document.createElement("button"); delBtn.textContent="Delete"; delBtn.className="red"; delBtn.addEventListener("click",()=>(deleteArticle(taskArticle))); buttonsDiv.appendChild(startBtn); buttonsDiv.appendChild(delBtn); taskArticle.appendChild(taskH); taskArticle.appendChild(descP); taskArticle.appendChild(dateP); taskArticle.appendChild(buttonsDiv) open.appendChild(taskArticle) taskInput.value=""; dateInput.value=""; descInput.value=""; } } function deleteArticle(art){ art.remove(); } function moveTaskToInProgres(taskObj,aToDelete){ //let taskObj={ttask:task,tdescription:description,tdueDate:dueDate} let taskArticle=document.createElement("article"); let taskH=document.createElement("h3"); taskH.textContent=taskObj.ttask; let descP=document.createElement("p"); descP.textContent=`Description: ${taskObj.tdescription}`; let dateP=document.createElement("p"); dateP.textContent=`Due Date: ${taskObj.tdueDate}`; let buttonsDiv=document.createElement("div"); buttonsDiv.className="flex"; let delBtn=document.createElement("button"); delBtn.textContent="Delete"; delBtn.className="red"; delBtn.addEventListener("click",()=>(deleteArticle(taskArticle))); let finishBtn=document.createElement("button"); finishBtn.textContent="Finish"; finishBtn.className="orange"; finishBtn.addEventListener("click", ()=>(moveTaskToFinished(taskObj,taskArticle))); buttonsDiv.appendChild(delBtn); buttonsDiv.appendChild(finishBtn); taskArticle.appendChild(taskH); taskArticle.appendChild(descP); taskArticle.appendChild(dateP); taskArticle.appendChild(buttonsDiv) inProgress.appendChild(taskArticle); aToDelete.remove(); } function moveTaskToFinished(obj, artToDelete){ let taskArticle=document.createElement("article"); let taskH=document.createElement("h3"); taskH.textContent=obj.ttask; let descP=document.createElement("p"); descP.textContent=`Description: ${obj.tdescription}`; let dateP=document.createElement("p"); dateP.textContent=`Due Date: ${obj.tdueDate}`; taskArticle.appendChild(taskH); taskArticle.appendChild(descP); taskArticle.appendChild(dateP); finished.appendChild(taskArticle); artToDelete.remove(); } }
Mark as private (unlisted)
for 30 minutes
for 6 hours
for 1 day
for 1 week
for 1 month
for 1 year
everlasting (like CCCP)