DEV Community

Cover image for Refactor our last tutorial code - JavaScript Series - Part 29
Muhammad Ali (Nerdjfpb)
Muhammad Ali (Nerdjfpb)

Posted on • Originally published at blog.nerdjfpb.com

Refactor our last tutorial code - JavaScript Series - Part 29

In our last code there is a easy bug, if you just add a empty anime name then it inserted in the list.

Alt Text

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

Alt Text

This code is kinnda messy right ? Let's make it better together.
We'll start take the anonymous out for the addEventListener.

Alt Text

Now let's add a new function to get the input value

Alt Text

We can break our code into a new function for just creating a list item

Alt Text

Now we have another bug, did you noticed yet ? When we add a new anime list, the input field doesn't clear after that

Alt Text

To solve this we just need to add a single line to clear the value

Alt Text

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 }

GitHub logo 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 11
Day 12
Day 13
Day 14
Day 15
Day 16
Day 17

Originally it published on nerdjfpbblog. You can connect with me in twitter or linkedin!

Top comments (0)