JQuery selector, To-do list

Question

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

this is a copy of an example code in jquery tutorial
into this code there is a function which is into another function, but in my opinion they are not directly related to each other, so i wrote the inner function out of the other function, but the code doesn't work
can someone explain me why these functions need to be one within the other to run correctly?

Answer 1

Your attempt to move the function outside will fail because you try to move out more than just a fuction declaration, but a call to a JQuery function with a function as parameter ^^

Let say, if you write:

alert('hello');

... you call a function named 'alert' with a string as argument to be displayed.
Now, you can also do:

function sentence() {
return 'hello';
}
function show(func) {
alert(func());
}
show(sentence);

... the 'alert' call use the function passed as argument of 'show'.
In your case, the '#x27; JQuery root object/function is called with a function declared inline... with the previous example, that will be:

show(function() { return 'hello'; });

... so you need to move out only the function declaration, but not the JQuery '#x27; methods calls:

$(".rem").on("click", function() {
$(this).parent().remove();
});

will be:

// not moved
$(".rem").on("click", myfunctionname);

// moved (but need to be in an accessible variable scope for the previous call ^^
function myfunctionname() {
$(this).parent().remove();
};

Answer 2

😎

Answer 3

see mine

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

Answer 4

in here
var elem = $("<li></li>").text(val);
$(elem).append("<button class='rem'>X</button>");
$("#mylist").append(elem);
$("input").val("");
$(".rem").on("click", function() {
$(this).parent().remove();

and $(this).parent().remove(); make it remove and you see on $(".rem").on("click", function() { this means if .rem (the tag that have .rem) clicked it will run this $(this).parent().remove(); statement 😎

Answer 5

@Very Hard huh??

Answer 6

Bc you didn't add event to .rem when .rem append out

@ArtemisAthena456 He want to learnnnnnnnn and understand and also he typed "in jQuery tutorial"

Answer 7

@Daniele
just copy my Jquery code 😌

Answer 8

ahhh.. do you copy my code ? its like same 😓

Answer 9

LooL At least he save it as private

Answer 10

Hey>>Huy>>Kuy

Answer 11

thank you very much @visph for this example!
it's a bit difficult for me to understand these part, since it's the first time i have met this kind of problem, but thank you for hepling me!

Answer 12

maybe you copied mine😉😂
yes but i don't understand why the function which allow you to destroy elements you added before need to be inside the function which allow you to create those list elements..😂

Answer 13

@ArtemisAthena456

Answer 14

and what should i do to make the code working?

Answer 15

@ArtemisAthena456 yes i know your code works and also mine worked before i changed that part hahah, i only didn't understand why it didn't work if i put the function outside, i had only this doubt
thank you both @ArtemisAthena456 and @Very_Hard for replying my question :)

Answer 16

Hey