<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Page Title</title> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <div> <ol> <li class="to_buy">Melone</li><button class="done">Done</button> <li class="to_buy">Apple</li><button class="done">Done</button> <li class="to_buy">Banana</li><button class="done">Done</button> <li class="to_buy">Strawberry</li><button class="done">Done</button> </ol> </div> <script> var done = document.getElementsByClassName("done"); var li = document.getElementsByClassName("to_buy") let li_collection for (i = 0; i < li.length; i++) { li_collection=li[i] } for (i = 0; i < done.length; i++) { done[i].onclick = function () { li_collection[i].innerHTML.style.textDecoration="line-through" } } console.log(li_collection) </script> </body> </html>
done
li_collection
li_collection[i]
for (i = 0; i < done.length; i++) { done[i].onclick = function () { var div = this.previousElementSibling; div.style.textDecoration = "line-through"; } }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)