Building Form With Javascript

 In the previous lesson, i created a form with only using HTML and CSS. But now, i've plugged javascript into the form to handle its logic. 

  • Form Aunthenticator

My first project, i created an authentication form that validates when users don't enter their email.

You can check it through my github: https://github.com/farrasnazhif/js-form-authenticator.git, there's a documentation how the form works and the code as well.

  • Search Form
I created a search form that allows users to look up Indonesian postal codes. Users can select a province and a city, and the form will display the corresponding postal code based on their input.

You can check it through my github: https://github.com/farrasnazhif/js-search-form.git, there's a documentation how the search form works and the code as well.
  • Dynamic Dropdown
This project is a bit different from my previous ones. In this project, I created a custom dropdown instead of using the standard HTML <select> tag. I designed my own style for the dropdown, and it is also dynamic, meaning it updates based on the previous input.

You can check it through my github: https://github.com/farrasnazhif/js-dynamic-dropdown.git, there's a documentation how the dynamic dropdown works and the code as well.

Comments

Post a Comment

Popular posts from this blog

Typewriting Speed for Coders

Image
      As coders, t ypewriting is one of the main basis. We rely on the ability to type fast and accurately, since writing is our primary tool for building projects. The faster and more accurately we can type, the smoother our workflow becomes.       In order to enhance my typewriting skills especially the speed and accuracy, i tried many times testing my typing speed. At first, it wasn't fast enough for me because as far as i know, the average to become a fast typewriters we need to reach 60 wpm (words per minute), minimum. However, my first attempt was 57 wpm, it's so close though 😅.      Actually, many speed typewriters use all their fingers to be a speedster in typewriting.  In short, i have been striving to get above 60 wpm and i did it, eventually. Though I reached that speed with only using.. i think eight fingers, i didn't use my pinkies. So i can tell my achievement is not that enormous, therefore I have ambitions to escala...
Read more

Building Profile Page with HTML

Image
      I n this lesson, i learned about HTML. There are lots of HTML tags out there however in this lesson i learned 8 new tags. Below are the tags i learned. Heading Paragraph List Link (Hyperlink) Image Table Form      With those tags, i built a simple profile page with just using HTML. With only using HTML, i know the page will look a bit stiff. Actually, if you want to make it nifty, you need to apply the style with CSS. Though in this lesson i only got subjected only using HTML. So, below is my shot of profile page with only using HTML.     See, the page looks a bit stiff and the alignment only to the left of the screen.  Actually i already learned about CSS before, therefore in order to make it nifty, i arranged myself to style it with simple CSS.      Here's what it looks like with CSS. You can check out the code through my github:  https://github.com/farrasnazhif/profile-page-html.git
Read more

Learning by Doing: Web Development Course Landing Page

Image
          In this lesson, I was assigned to build a landing page for a web development course platform. Currently, i just use HTML and CSS, however, i would add javascript eventually. I learned a lot when i was working on it. I used many new tags that i didn't know it before.  Here's the result, you can check it through this link:  https://tranquil-meerkat-376355.netlify.app/ Or if my domain is ever unavailable, I’ll give you a glimpse of the page 😁 . You can check out the code through my github: https://github.com/farrasnazhif/web-course.git
Read more