Question

abe 2 Use the provided HTML for the following questions. You only need to write the JavaScript code for the following questions. No need to write a full JavaScript application. Ex. if I said "Set a myVar variable equal to 2" you would simply write myVar = 2; Please write your code in a separate file. The file MUST be named with the following format lastname_firstname.js. Use comments to divide the questions on the single JavaScript file. Example, for question 1 // question 1 You would then write your code under the comment Please submit your code in D2, under the assignments tab. There will be a folder named "Midterm Part 2". 1. Get the value of the email address a user entered in the text box and store it in a variable. Print the value out to the console. Do not use jQuery. Spts. 2. Get the value of the phone number a user entered in the text box and store it in a variable. Print the value out to the console. Must use jQuery. Spts. 3. Prevent the default action of the form submission on click of the button. May use pure JavaScript OR jQuery. Spts. 4. Validate that the email field has been filled out upon clicking of the button. If it has not, add an appropriate error message inside of the <p> tag and display it. 15pts. 5. Add a class named error the <p> element. You may use pure JavaScript of jQuery. Spts. 6. Switch the image on the page. You may use pure JavaScript or jQuery, 5pts. 7. Add a "Thing Zero" and a "Thing Four" to the list, in the correct spots. You may use pure JavaScript or jQuery. 10pts. 285 words English (United States)

Answer 1

Hi,

Please find below :

1.

HTML Code -- <input type="text" name="email" id="email">

JS Code -- var email = document.getElementById("email").value;

console.log(email);

2. HTML Code -- <input type="text" name="email" id="email">

JQUERY Code -- var str = $("#email").val();

console.log(email);

3. For preventing default action you need to use :

preventDefault() event method

Usage :

HTML Code -- <button id="submit">Submit</button>

JS Code -- Need to pass the button id on whose click we want to prevent the default action

document.getElementById("submit").addEventListener("click", function(event){
event.preventDefault()});

4.

HTML Code --

<input type="text" name="email" id="email">
<p id="emailError"></p>
<input type="submit" value="Submit" onclick="getVal()">

JS Code --

var email = document.getElementById("email").value;
if(!email){// To validate if anything is entered or not

//Search for the paragraph element and add the message string
   document.getElementById("emailError").innerHTML = "Please enter valid email";
}

5.

HTML Code -- <p id="emailError"></p>

JS Code -- var element = document.getElementById("emailError");

// This will add the class named error to the paragraph with id emailError
  element.classList.add("error");

6. You can switch the image of the page by getting the image id and then changing the source

document.getElementById('imgage').src='test.jpeg';

7.

So, if you want to add to the beginning of an array you can use unshift

var list = ["a", "b"];

list.unshift("c");

["c", "a", "b"] //result will look like

otherwise, if in between use splice

var list = ["a", "b"];

list.splice( 1, 0, "c"); // which position we want to place in this case inedx 1, remove 0 elements, then add "c" to that position

["a", "c", "b"]

Please like if you found helpful

Thank You