Please why am i getting the erro? Why is my clare function not working?

Question

https://code.sololearn.com/WI7NNK57Oh25/?ref=app

Answer 1

daneillonge I believe you’re right in saying that ‘e’ is the event, which in this is ‘click’ but can be something like a mouseover or keyup for example.

e.target is the button here. This can be seen by adding the line:

console.log(e.target.nodeName);

...into the clare function.

Answer 2

There is more than one problem in your code... See here for commented solution
https://code.sololearn.com/W946UeLUdXke/?ref=app

Answer 3

You don't have an elememt with the id "input"... Add id="input" to your input element to correct.

Answer 4

Use document.getElementById('but') and not getElementsByTagName('but')

Answer 5

KrOW thanks

Answer 6

your code is beautiful but little messy make it clean if you doing complex programming in future

Answer 7

remember if val != emty string then val must be equal to element making output inside element you created

Answer 8

for simple understanding e is the button and target is pointing the parent node li which is the parent of of button to remove the child

Answer 9

correct me if im wrong e is the vent right anything we do on webpage like clicking and the function is perform

Answer 10

SOrry but i dont see your Clare function... Can you point better to your code/problem?

Answer 11

The problem is that line 39 returns an array to variable “but”. You can’t directly add an onclick function to that array, you need to add it to each element of that array.

for (var i=0; i<but.length; i++){
but[i].onclick = function clare(e){
mylist.removeChild(e.target.parentNode);
}
}

Answer 12

Thanks Russ

Answer 13

i can see it clear if i console.log(e) it return the object mouse event it makes it clear.

Answer 14

https://code.sololearn.com/WmIM92znN3uW/?ref=app I solve your problem

Answer 15

https://code.sololearn.com/WrDzqmUcFv2j/?ref=app

Answer 16

KrOW
please help me check it my Clare function not working

Answer 17

Russ thanks sir but why the argument in the function clare(e) and please expline this lines of code mylist.removeChild(e.target.parentNode). it worked but am confused

Answer 18

I am by no means an expert at this, but I will try and explain the way I understand it. Hopefully others with more knowledge than me will correct me where I‘m wrong.

The ‘e’ in the clare(e) function definition refers to the action that triggers the function call (in this case, ‘click’). I believe you can use almost anything instead of e, but e is widely used and understood.

In the ‘e.target.parentNode’ part, the e.target refers to the ‘target’ of the action which, in this case, is the x button that gets clicked.

The reason that ‘parentNode’ is required is down to the way you have constructed your code. You have created an ‘li’ element and appended your button to it. This means that the button is a ‘child’ of your li element. Since the button is the e.target and the li is what you want to remove, you need to remove the button’s parent node, hence e.target.parentNode.

Hope this makes sense.