1,166
edits
Difference between revisions of "Template:Buttontest.js"
Copied some stuff from stack overflow, will change later
(BlueYoshi 57EML created the page Template:Buttontest.js using a non-default content model "JavaScript": Testing) |
(Copied some stuff from stack overflow, will change later) |
||
| Line 1: | Line 1: | ||
const element = document.querySelector("body") | |||
let taskDone = false | |||
// function for show button | |||
const elementShow = () => { | |||
element.innerHTML = ` | |||
<button id="done-button" style="background-color : ${!taskDone | |||
? "#4dd432" : "#fd67ad"};" onclick=doneTask()> | |||
${!taskDone ? "Done" : "not done yet"} | |||
</button> | |||
` | |||
} | |||
elementShow() | |||
// click Done button | |||
const doneTask = () => { | |||
taskDone = (taskDone ? false : true) | |||
elementShow() | |||
} | |||