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 }
nerdjfpb / javaScript-Series
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
- Day 1 - What is JavaScript?
Day 2
- Day 2 - JavaScript Types?
Day 3
- Day 3 - Javascript Types Cont.
Day 4
- Day 4 - Javascript Types Cont.
Day 5
- Day 5 - Javascript Comparisons
Day 6
- Day 6 - Javascript Variables
Day 7
- Day 7 - More About Variables
Day 8
- Day 8 - Conditional Statement
Day 9
- Day 9 - More Conditional Statement
Day 10
- Day 10 - Switch
Day 11
- Day 11 - Setup Code Editor
Day 12
- Day 12 - Loops
Day 13
- Day 13 - While Loop
Day 14
- Day 14 - For Loop
Day 15
- Day 15 - For Vs While
Day 16
- Day 16 - Functions
Day 17
Originally it published on nerdjfpbblog. You can connect with me in twitter or linkedin!
Top comments (0)