Add New Anime On The List Using Event – JavaScript Series – Part 28

For this we need to have a html like –

Writing html codes for it. You can find the codes in github

Our first step will be selecting the ul, input & button and store it into variable

Now we are going to add a event on the button.

We need to create an li item for adding the new anime.

We need to add the animeName value inside of that li

Now we just need to add this in our list ul

See the result in browser

Follow for see posts like this!

Other posts of this series can be found here – https://blog.nerdjfpb.com/tag/javascript/

View this post on Instagram

I've started this tutorial for the people who wanted to start javaScript. But there are so many long long tutorials for them. Also it need time to finish. So I tried to make this small and just one part in one day. Easy to take and within some days, you'll atleast able to understand the js and work with it. I'm not hoping that you'll learn advance topics, but atleast you'll learn the basics and it will help you in long run. We are going to add a new list item on last anime list we have. Lets see how we can do it together. Also Check the git codes, if you need to check any — https://github.com/nerdjfpb/javaScript-Series . . . #Webdevloper #freelancewebdeveloper #freelancedeveloper #codinginspiration #responsivewebdesign #python3 #freecodecamp #uidesigners #learnprograming #buildupdevs #ecommercestartup #programmersday #javascriptdeveloper #appdesigner #startupusa #peoplewhocode #fullstackdevloper #fullstack #pythonprogramming #uiuxdesign #codelife #devlife #developerlife #programmerlife #coderlife #learntocode #Worldcode #codinglife #nerdjfpb

A post shared by Nerdjfpb : Tech Santoryu (@nerd_jfpb) on Feb 22, 2020 at 11:08pm PST

See the codes – https://github.com/nerdjfpb/javaScript-Series

Find me on social media – twitter, linkedin