URL Builder

Using only HTML, CSS and JavaScript, create a simple tool which takes three inputs and generates a URL.

Sample Input

• Original URL: http://google.com
• Source: PSV
• Team: [email protected]

Sample Output

http://google.com#src=PSV&[email protected]

Required Features

• 'Generated URL' is automatically created/updated as user enters the parameters
• Create UI similar to this mockup:

Optional Features

• Input validation (ex - Show an error if 'Original URL' is not a link or 'Team' is not an email)
• 'Copy URL' button which copies the generated URL to the clipboard.

How To Contribute?

1. Fork this repository.
2. Add your HTML code in index.html, CSS in stylesheet.css and JavaScript in script.js files respectively.
3. Make a pull request.

Learn how to fork a repository and make a pull request.

Note for the contributors: To encourage everyone to try their best, we are not reviewing or merging pull requests at this time. Please feel free to make a pull request once you've made some changes in this project.

Absolute Beginner?

Today is a great day to start. If you are new to HTML, CSS and JavaScript -

1. Join this team - bit.ly/urlbuilderappteam
2. Start learning HTML & CSS here - progate.com/lessons/html/study/1
3. Try your hands on JavaScript here - progate.com/lessons/es6/study/1