Level 73
@hadis what about this:
document.getElementById(id).remove();
Sep 5, 2020
7
Level 1
remove element by id
I want to remove one of items using id this is my code:
function AddToDo() {
let item = document.getElementById("add").value;
const id = 'item-' + Math.random().toString().replace('.', '')
const htm = `<li id='${id}'><div class="form-check"><label class="form-check-label"><input class="checkbox" type="checkbox"><p class="todo">' ${item} '</p><i class="input-helper"></i></label><a class="clear" href="" id="clear" onclick="remove('${id}')" >clear</a><a class="edit" href="" id="edit" >edit</a></div></li>`;
document.getElementById("todos").innerHTML += htm
}
function remove(id) {
let dele = document.removeChild(id);
}
but it's not working,what is the problem?
Level 5
remove the apostrophy here
'${id}'
to just
${id}
In es6 string literal between backticks you don't use extra quotes or apostrophies
Also simply use id in method parameters -> remove(id) NOT remove(${id})
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
Level 1
it refresh page!!!
Level 1
oh yeah thnk u but nothing happen,when I click clear button it just refresh page!
Level 75
@hadis Same reasong why is page refreshed
https://laracasts.com/discuss/channels/javascript/clear-in-todolist?page=0#reply=637925
It's a normal behavior of <a> tag.
Level 1
ooops yeah but can I use instead?shouldn't use ?
Level 1
now I am using button
<button class="clear" id="clear" onclick="remove(${id})" >clear</button>
and this error: ' todolist.html:1 Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick '
Please or to participate in this conversation.