Given the html codes below: <body> Name: <input id ="txtName" type ="text//><br/> NIC: <input id = "txtNIC" type = "text"/><br/> <button id =" btnDisplay" onclick = " validateNIC()"> submit </button> </body> Write a function validateNIC() which checks if the NIC fields is not blank and that the length of the NIC is 14. Appropriate messages should be displayed if any of the above validtions fails
Q: In html, Create a function called calculator(num, x) that will perform a squareRoot(x), squared(x)…
A: As per the requirement program is completed. Algorithm: Step 1: Write 1, 2, 3 calculator buttons in…
Q: Create a User object to store the data and use the email address as the key and the user object as…
A: <html><head><title>Registration Page</title><script…
Q: Write a script that calculates the squares and cubes of the numbers from 0 to 5 and outputs HTML5…
A: <script> tag is used to write java script inside the HTML <style> tag is used to style…
Q: Suppose a user has just entered letters into a web form field referenced as account whose data type…
A: Answer is given below:
Q: Create an HTML form that has a number of textboxes write a javascript code that verifies all…
A: Step 1 The code is given in the below step
Q: You have been given an HTML file called registrationForm.html which creates an HTML form to collect…
A: Brower output of the registrationForm.html document Please find below the code:
Q: write a JavaScript function in the folling html code that performs the following tasks: Prompt users…
A: Javascript is a scripting programming language for web pages. The javascript code can be written for…
Q: To be coded in HTML and JavaScript: A mail-order house sells five different products whose retail…
A: In this code, the total price of the products is calculated according to the number of products sold…
Q: Create an html form by using inputs fields given below.Write also the code for thebuttons in…
A: <html><head><title>Calculator</title><script…
Q: a. Write the source code of the html page above. Keep in mind that the information should be…
A: PHP function strpos() is used in the b.php file for checking if the string submitted has all the…
Q: Write a JavaScript code that manipulates the HTML Grouping selector
A: JavaScript:- Java Script can be both server-side and client-side. Client-side javascript is the…
Q: Give Authentic Answer. WEB TECHNOLOGIES Briefly describe each of the following by providing…
A: Program Screenshot: Output Screenshot: Program: <?php//function to find maximum from two…
Q: To be coded in HTML and JavaScript: A mail-order house sells five different products whose retail…
A: Required: To be coded in HTML and JavaScript: A mail-order house sells five different products whose…
Q: HTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you!…
A: 1. When the button is clicked, the text written in the text box is copied to the id "p1" and the…
Q: HTML form to read the radius and height of a cone and send them to a Java Servlet to compute surface…
A: Summary: -Hence, we got the output
Q: Write a JavaScript code that manipulates the HTML Class selector
A: // Get all the elements with class="math-field" allElementsWithClassNameMathField =…
Q: xplain what below file types are for. Extension Type (text, audio, etc..) .txt .mp4 .wmv .mov .html…
A: .txt. Plain text file .mp4 MPEG-4 Video File. .wmv Media Video File
Q: Margie is creating and testing a Web form that includes an email field, a Web address field, and a…
A: She Can Use the Pattern Attribute Type.
Q: Create an html form by using inputs fields given below. Write also the code for the buttons in…
A: Code: <html><head><title>Calculator</title><script…
Q: Write the full HTML code which includes a JavaScript function that calculates the product of all the…
A: A whole number that is not able to be divided by two into two equal whole numbers.
Q: Assume you have the following html code: /* Your code goes here */ Lorem ipsum dolor sit…
A: For given CSS conditions i have added all that styles in HTML and provide output below.
Q: Create an html form by using inputs fields given below. Write also the code for the buttons in…
A: Code: <html><head><title>Calculator</title><script…
Q: Different method for finding HTML element O All of these O Both A and C…
A: Method for finding HTML element: getElementsById() : To find any element in HTML with id.…
Q: Write an HTML code to produce an output as the following: The output should have: 1. Title: Lab…
A: Required: The output should have:1. Title: Lab Exercise Three2. Background color: Lavender3. Border…
Q: Write an HTML code to display the following form. Then write a JavaScript function to validate the…
A: required: We need to create an HTML page similar to what given in the question and add functionality…
Q: write only php script, for functional slots class machine for terminal editor use only
A: <?phpfunction sort_with_numbers($a , $b) { $a = explode(' ',$a); $b = explode(' ',$b);…
Q: can you varify the address for example if i do not have a "-" or a "st" then it prints out invalid…
A: The answer given as below:
Q: Write a JavaScript code that generates a random number between 5 and 30. Then Design an html Form…
A: Given: Write a JavaScript code that generates a random number between 5 and 30. Then Design an html…
Q: Write the necessary HTML & JavaScript code which will display the following output; 1 1X1-1 1X2=2…
A: HTML, or HyperText Markup Language, is the standard markup language for texts that are intended to…
Q: an someone please fix the error, the error is that my else statement isn't working in this scenario.…
A: <!DOCTYPE HTML> <html> <head> <title> example of onclick button…
Q: . BSNL has designed a grievance registration form in HTML with name of customer, address, telecom…
A: CODE: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…
Q: Attach Code and output of following task. Output should be same as given in image. Write the HTML…
A: The code requires CSS too with HTML table tag since some features to each of the cells are common.…
Q: Q2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following…
A: As per our guidelines, we are supposed to answer only one question. Kindly repost the remaining…
Q: Using HTML, create a webpage that contains the following ficlds: a. A text box to enter name…
A: Code : <html> <head> <title>PHP Test</title> </head> <style>…
Q: HTML Perceivable Operable Understandable Question In the navigation section, add a…
A: Answer: HTML Source Code: <!DOCTYPE html> <!-- Student Name: File Name: index.html…
Q: Use JavaScript to display the following information: The current date and time in the following…
A: Given: Use JavaScript to display the following information: The current date and time in the…
Q: A PHP array variable used to collect form information. $_POST $POST PC Server Web browsers run on…
A: $_POST $_POST is a PHP superglobal variable that is used to collect form data after submitting an…
Q: Edit the existing code to add an admin account that is seperate from the regular user accounts. When…
A: Hey there, I am writing the required solution based on the above given question. Please do find the…
Q: d) You are simulating IM32103 marking system. Refer to the interface as shown in Figure 1. The form…
A: Answer: PHP Source Code: <!DOCTYPE html> <html lang="en"> <head> <meta…
Q: Using online News APIs (https://newsapi.org ) develop a program (using AJAX) which takes user input…
A: Program plan: Create a user account in the news API website to generate an API key and paste the…
Q: With use of HTML and CSS, make a login form that has an email textbox, and a password textbox with a…
A: Hey there, I am writing the required solution based on the above given question. Please do find the…
Q: Create a simple Login page with User ID and Password fields () and a login button. Create a…
A: 1. The user id or password is empty is checked. 2. Also I have checked if the username and password…
Q: There are two codes given (html and external javascript): HTML code JavaScript…
A: The on key up occasion is utilized in the java script record which currently approves each…
Q: Create an html form by using inputs fields given below. Write also the ce buttons in JavaScript to…
A: In JavaScript, Math is a built-in object which includes properties and methods for mathematical…
Q: need program using html and javascript create an interface as shown in figure 1.there are four…
A: code in HTML and JAVASCRIPT
Q: Part 4: Build a html form with the following elements. The form must be within a table structure. •…
A: // Html form in table structure <form method="POST" action="example.cgi"><table>…
Q: 6.24 Write a script that calculates the squares and cubes of the numbers from 0 to 5 and outputs…
A: Ans: Code: <!DOCTYPE html><html><head><title> Squares and Cubes…
Q: Write a JavaScript code that manipulates the HTML ID selector
A: Your JavaScript code that manipulate HTML code is given below. Algorithm :- The HTML document…
Given the html codes below:
<body>
Name: <input id ="txtName" type ="text//><br/>
NIC: <input id = "txtNIC" type = "text"/><br/>
<button id =" btnDisplay" onclick = " validateNIC()"> submit </button>
</body>
Write a function validateNIC() which checks if the NIC fields is not blank and that the length of the NIC is 14. Appropriate messages should be displayed if any of the above validtions fails
Step by step
Solved in 3 steps with 1 images
- The _________ property causes a control to be positioned directly against one of the form’s edges.<form action="https://example.com/signup/"><input type="submit" value="Sign up Today!"></form> Add the HTML to the form above so that it includes inputs for the visitor to enter the following details: their email address input should automatically validate the entered data when the form is submitted; input is required; must be linked to an input label; input includes placeholder text; input includes the name attribute for submitting the input's data to the server; their password the characters in this input should automatically be masked; input is required; must be linked to an input label; input includes the name attribute for submitting the input's data to the server. Write a CSS rule that: makes all the labels and the inputs display as block elements, not inline elements. Write the CSS rules needed so that: the button's background colour changes when the mouse hovers over it. the change of state happens over a duration of time of 200ms.Dream Car Web Page Form: You need to create a web site in HTML format. You will create a webpage containing a form that provides users the ability to enter information. Your webpage should contain the following:INPUT tag: type, name, id, placeholder, and value. The web page will have input fields for the following information: First Name Last Name Date Address Favorite Car (text area) Your webpage should be designed in a logical manner and be well organized. Please be sure to submit your .html file as a text document for grading. Also, submit a Word document containing a screenshot that shows the set-up of your webpage.
- Form Validation for jscript. This is the requirement. Payment Information Validation Validate the customer’s payment information as follows: Card Type Required that one is selected Name on Card Required field Expiry Date (Month) Required field Expiry Date Valid expiry date to ensure the card being used has not expired Card Number Required field, Valid Card Number NOTE: regarding the expiry date, you MUST use the date object to ensure that your date check is dynamic. Modulus Check Logic For this project, we will be taking in 10 digit credit card numbers. Ensure the user entered only 10 numbers. If they pass this check, perform a modulus check to ensure that the user has submitted a valid credit card number. Note that the checking factors below are the literal checking factors you will use in your solution. Sample Credit Card Number 9434578423 Checking Factors 432765432 Multiply Checking Factors by Credit Card digits and…body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/bullseye.png"); /* Rounded Shape image */ background-repeat:round space; background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a: visited { color: hsl(300, 13%, 51%); } a: hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); }dt { font-weight: bold; } strong { font-style: italic; } ul {…body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/bullseye.png"); /* Rounded Shape image */ /* background-repeat:round space; */opacity: 0.5; background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); }dt { font-weight: bold; } strong { font-style: italic; }…
- body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover {…body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover {…When a CSS stylesheet is used and class="btn-group" is found in HTML, what CSS selector would style that HTML? A) btn-group B) #btn-group C) .btn-group D) :btn-group
- JavaScript function that serves as a constructor for the Car class. The Car class is to contain the following: Properties: Brand, Model, Year, OdometerMethods: Drive Create a web page with three textboxes and two buttons. The textboxes are for entering a car's brand name, model and year. Of the two buttons one is to show "Enter" and the other "Drive". When clicking the "Enter" button, a new Car object is to be instantiated. Its properties are to be set by the values entered. When clicking the "Drive" button, the Odometer property is to be incremented by 1. Whenever the value in the odometer is divisible by ten, an alert box is to be displayed.<style>body {font-family: Georgia, serif;font-size: 100%;line-height: 175%; margin: 0 15% 0;}header {margin-top: 0;padding: 3em 1em 2em 1em;text-align: center;} a {text-decoration: none;} h1 {font: bold 1.5em "Marko One", Georgia, serif;}h2 {font-size: 1em;text-transform: uppercase;letter-spacing: .5em;text-align: center;}dt {font-weight: bold;}strong {font-style: italic;}ul {list-style-type: none;margin: 0;padding: 0;}#info p {font-style: italic;}.price {font-family: Georgia, serif;font-style: italic;}p.warning, sup {font-size: small;}.label {font-weight: bold;font-variant: small-caps;font-style: normal;} h2 + p {text-align: center;font-style: italic;} </style> <!DOCTYPE html><html><head><link rel="stylesheet" href="main-styles.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link…flex container is created with six elements labeled A through F as shown. A F D E C B Which declaration produce the presentation of the elements shown in the image? Flex-direction: row; justify-content: space -between Flex-direction: row- reverse; justify-content: center Flex-direction: row- reverse; justify-content: space – around Flex-direction: row-reverse; justify – content:space-between