Coder Social home page Coder Social logo

javascript_track's People

Contributors

haliaeetusvocifer avatar

Watchers

 avatar  avatar

javascript_track's Issues

exercise-one: User Class

URL: https://github.com/hazizsegun/javascript_track/tree/master/exercise_one

Create a class User with name and age as its attribute.Instantiate two objects user1 and user2
with some value. Create a method compare that compares the age of user1 and user2. The
method should be called in this way:
user1.compare(user2)
This method should return output like "john is older than mary" or "mary is older than john"
based on their age comparison. All Exercises should be submitted by following OOPs.

Exercise-five: Dynamic Table - Add Rows, Edit and Delete Existing Rows

URL: https://github.com/hazizsegun/javascript_track/tree/master/exercise_five

Create a table. When you click on 'Add new row' button:
➢ It should add a new row in the table.
➢ In the name and email column there will a text field.
➢ In the action column there will be a button save.
➢ When you enter some value in text fields and click save, then:
○ Values will be saved (if valid). i.e. Name and Email should be present, Email
should be a valid email.
○ Text fields will be replaced by the values entered.
○ Save button will be replace by Edit / Delete links. You should be able to delete
row by clicking on the Delete link, and edit value by clicking on the Edit link.

exercise-seven: Name Input in Alert and Welcome in Page Content

URL: https://github.com/hazizsegun/javascript_track/tree/master/exercise_seven

Create an HTML page, when it opens in Browser, it should prompt twice. Once for first name
and second for last name. When you enter first and last name, it should alert you as "Hello
firstname lastname." After alert, it should put that text in html page.
Note: Keep in mind when you take inputs from users, always consider cases where user has
entered null or blank values (few white spaces). User may press ESC button. In such cases you
should not accept the input.

exercise-three: Maximum 3 Checkbox Selected

URL: https://github.com/hazizsegun/javascript_track/tree/master/exercise_three

Create a list of checkboxes (Sunday, Monday, Wednesday, Thursday, Tuesday, Friday, Saturday
and None). Now when I start checking these checkboxes, it should not let me check more than
3 checkboxes. When I try to check on 4th checkbox it should alert me as "Only 3 days can be
selected. You have already selected sunday, monday and tuesday". Now when I click on None,
all other checkboxes should be deselected. Also when 'None' is selected and I select any other
option (lets assume Sunday), that option (Sunday) will be selected and None will be deselected.

exercise-twelve: Domain/Subdomain Matching Create a simple form with a text field and a su

URL: https://github.com/hazizsegun/javascript_track/tree/master/exercise_twelve

Create a simple form with a text field and a submit button. When I enter a URL in this text field
and submit the form, it should alert me the domain name from the entered url. For example, If I
enter:

  1. http://example.com/folder/file.html​ , then on submitting the form it should alert
    something like:
    ○ Domain: example.com.
  2. With subdomain: ​ http://vinsol.example.com/folder/file.html​ , then on submitting the
    form it should alert something like:
    ○ Domain: example.com
    Subdomain: vinsol.
    Basic Idea is to extract domain name and subdomain from a URL.

exercise-six: Form Validation

URL: https://github.com/hazizsegun/javascript_track/tree/master/exercise_six

Create a form like ​ https://www.dropbox.com/s/qccm98brx2hdbrw/Form_validation.png​ and
add JS validations to that form. When you click on 'Go' JS will check all text fields, and give an
alert like "Login Id can't be empty". One alert per empty field. For textarea it should check for
empty and min length of 50 characters. If any field is invalid then it should not submit the form.
Also It should also confirm "Receive Notification"

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.