csci web design javascript coding website

FIND A SOLUTION AT Academic Writers Bay

the details of description is ON

    • Download the compressed folder and extract it in your computer.
    • Important — Do not modify the HTML or CSS files given in the package. If you are expected to add styles, you should add it in another stylesheet.
    • Create a folder named js inside the folder named www. Inside this, create a file named script.js — all your JavaScript must be included in this file.
  1. STEP 2: Implement the following user story, based on the goals and acceptance criteria for all scenarios specified below (all must be implemented using JavaScript — do not edit the HTML or CSS files):

    • User Story:

      As an expert web site user,
      I want to make a message form appear when I click a button,
      So that I can see the message form and send a message through this form only when I need to (i.e. on demand).

    • Acceptance Criteria (for specific scenarios):
      • Scenario 1: User clicks on the “Send Message to Yoda” button.
        • The message form is displayed below the “Send Message to Yoda” button.
        • The “Send Message to Yoda” button becomes inactive.
      • Scenario 2: User clicks on the “Send Message Now” button in the message form.
        • Values from the fields (or form widgets) are validated (see below for expectation).
        • Form data validation:
          |– (a) Email addresses should always be of this format: — and must support any value submitted by the user; the address must end with .ca

          |– (b) All form fields must have a non-empty value; i.e. empty string is not valid.

          |– (c) If there is any error, display a message below the form (in red colour) saying that there is an error in the form value.

        • If all fields have expected values, values from the fields must be displayed through an alert dialog — one field value on each line.
        • After displaying the alert dialog with the values, the form must be cleared, i.e. all content from the form fields must be removed.
        • After displaying the alert dialog, the form must be removed and the “Send Message to Yoda” button must be enabled again.
        • Use JavaScript only for coding this
        • You must not edit HTML or CSS files.
          • Note — if you would like to style the form, you must create a new CSS file named formStyles.css and style the form/form widgets in this file. Only in this case, you are allowed to add a single line of markup to the HTML to link this new CSS file to the HTML file.
        • You must create the form element and the form widgets (e.g. text input, submit button, etc.) all using JavaScript, and add this new form to the HTML using JavaScript when the button is clicked.


Order from Academic Writers Bay
Best Custom Essay Writing Services


Why Choose Us?

  • non-plagiarized Papers
  • 24/7 /365 Service Available
  • Affordable Prices
  • Any Paper, Urgency, and Subject
  • Will complete your papers in 6 hours
  • On-time Delivery
  • Money-back and Privacy guarantees
  • Unlimited Amendments upon request
  • Satisfaction guarantee

How It Works

  • Click on the “Place Your Order” tab at the top menu or “Order Now” icon at the bottom and a new page will appear with an order form to be filled.
  • Fill in your paper’s requirements in the "PAPER DETAILS" section.
  • Fill in your paper’s academic level, deadline, and the required number of pages from the drop-down menus.
  • Click “CREATE ACCOUNT ; SIGN IN” to enter your registration details and get an account with us for record-keeping and then, click on “PROCEED TO CHECKOUT” at the bottom of the page.
  • From there, the payment sections will show, follow the guided payment process and your order will be available for our writing team to work on it.


AcademicWritersBay.comnbsp;is an easy-to-use and reliable service that is ready to assist you with your papers 24/7/ 365days a year. 99% of our customers are happy with their papers. Our team is efficient and will always tackle your essay needs comprehensively assuring you of excellent results. Feel free to ask them anything concerning your essay demands or Order. is a private company that offers academic support and assistance to students at all levels. Our mission is to provide proficient andnbsp;high quality academic servicesnbsp;to our highly esteemed clients. is equipped with competent andnbsp;proficient writersnbsp;to tackle all types of your academic needs, and provide you with excellent results. Most of our writers are holders ofnbsp;master's degreesnbsp;ornbsp;PhDs, which is an surety of excellent results to our clients. We provide assistance to students all over the world.
We provide high quality term papers, research papers, essays, proposals, theses and many others. Atnbsp;, you can be sure ofnbsp;excellent gradesnbsp;in your assignments and final exams.

error: Content is protected !!