Refactor our last tutorial code - JavaScript Series - Part 29
Muhammad Ali (Nerdjfpb) - Feb 26 '20 - - Dev Community
In our last code there is a easy bug, if you just add a empty anime name then it inserted in the list.
To solve this we just need to add a logic that value string length should be greeter than 1 or as much character you want
This code is kinnda messy right ? Let's make it better together.
We'll start take the anonymous out for the addEventListener.
Now let's add a new function to get the input value
We can break our code into a new function for just creating a list item
Now we have another bug, did you noticed yet ? When we add a new anime list, the input field doesn't clear after that
To solve this we just need to add a single line to clear the value
Do you liked the tutorial ? Turn on the post notification to find what coming next!
Other posts of this series can be found here – https://blog.nerdjfpb.com/tag/javascript/
You can see the graphical version here
Source Codes - { Check commits }
A tutorial for JavaScript Beginners
javaScript-Series
A tutorial for Absolute Beginners of JavaScript.
You can find the total pdf in - Here
You can check the commits to find the part by part codes.
Blogs
-
Day 1 - What is JavaScript?
-
Day 2 - JavaScript Types?
-
Day 3 - Javascript Types Cont.
-
Day 4 - Javascript Types Cont.
-
Day 5 - Javascript Comparisons
-
Day 6 - Javascript Variables
-
Day 7 - More About Variables
-
Day 8 - Conditional Statement
-
Day 9 - More Conditional Statement
Originally it published on nerdjfpbblog. You can connect with me in twitter or linkedin!