in the following java script code follow the directions listed in the picture below Hands on Project 8 3 Hands on Project 8 3 Payment Information Card Visa Master Card Discover American Express Expiration Expiration Month 01 02 03 04 05 06 07 08 09 10 11 12 Expiration Year 2017 2018 2019 2020 2021 CVV 2 Before the closing tag, add the following script element, save your changes, and then close index htm 1 function createEventListeners) ( var cardNumdocument getElementById( ccNum if cardNum addEventListener) Create a new file in your text editor, create a JavaScript comment section containing the text Hands on Project 8 3, your name, today's date, and the filename script js, and then save the file with the name script js to the HandsOnProject8 3 folder Add a statement instructing processors to interpret the document contents in strict mode Declare a new function named selectCaraTypeDeclare the local variables listed in Table 8 9 with the values shown 3 cardNum addEventlistener ( change , selectcardrype, false) else if (cardNum attachEvent) cardNum attachEvent ( onchange , selectcardType) 4 5 9 f (window addEventListener) 10 11 else if (window attachEvent) 12 13 window addEventListener ( load , createEventListeners, false) window attachEvent( onload , createEventlisteners) ARIABLE NAME cardNumValue visa mc discover amex VALUE document getElementById ( CcNum ) value 4 0 9 (12) ( 0 9 3) S A5 1 5 (0 91 114s 8 Save your changes to script js, and then open index htm in a browser 9, Click in the Card box, type 378282246310005, and then press Tab As Figure 8 18 6 ( 01115 0 91 12) 0 91 112)s 3 1471 0 91 (13 shows, the American Express option is selected because this card number matches the regular expression for American Express cards Table 8 9 Variable names and values Hands On Projects oter 8 Manipulating Data in Strings and Arrays 6 Within the selectCardType function, add the following series of if else statements to test the card number entered by a user against the regular expressions and check the option button for the matching card type 1 L (visa test (cardNumValue) Hands on Project 8 3 document getElementById( visa ) checked checked Payment Information 3 else (me test (cardNumValue)) Card document getElenentById c ) checked checked else if (discover test (cardNumValue)) i a Visa O Master Card Discover American Express 5 Figure 8 18 Completed form with correctly identified card number document getElenentByld( discover ) checked checked 7 else if (amex test (cardNumValue document getElenentById( amex checked checked 10 Create a document in a text editor, and then repeat Step 9 to test the following card numbers, recording the credit card type for each number in your document Each card number should be identified as a different card type 4012888888881881 b 371449635398431 c 5105105105105100 7 Below the selectCardType () function, add the following code to create an event listener 1 function createEventlisteners (

The Answer is in the image, click to view ...

Question: in the following java script code follow the directions listed in the picture below Hands-on Project 8-3 Hands-on Project 8-3 Payment Information Card # Visa

in the following java script code follow the directions listed in the picture below

Hands-on Project 8-3

in the following java script code follow the directions listed in the

2. Before the closing

tag, add the following script element, save your changes, and then close index.htm 1 function createEventListeners) ( var cardNumdocument.getElementById("ccNum" if cardNum . addEventListener) {

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

in the following java script code follow the directions below Hands-on Project 8-3 Hands-on Project 8-3 Payment Information Card # Visa Master Card Discover American Express Expiration Expiration...

in the following java script code follow the directions listed in the picture below Hands-on Project 8-3 Hands-on Project 8-3 Payment Information Card # Visa Master Card Discover American Express...

I need the script.js. Thanks! When you make an online purchase using a credit card, many sites require you to identify which type of card you're using Visa, MasterCard, etc.) before entering the card...

View 125% v Zoom e= @ mm QO Gl o Insert Table Chart Text Shape Media Share Name(s): Date: Lab #3 Measures of Position, Correlation & Regression Objectives: At the end of this lab, you will be able...

Create an E-R diagram Database Development Project Case The following case will be used for the project. Bear in mind that it will be used for data modeling normalization, database design, and...

CHA P TER 9 Understanding Software: A Primer for Managers 1. INTRODUCTION L E A R N I N G O B J E C T I V E S 1. Recognize the importance of software and its implications for the rm and strategic...

I have problems understanding this case study for database. can someone help me solve this. Deliverables: 1. Create a list with the main business rules 2. Identify the main Entity types and their...

Planning is one of the most important management functions in any business. A front office managers first step in planning should involve determine the departments goals. Planning also includes...

Write down the analysis on the article of A Preliminary Study on the Effects of Training using Behavior Support Plan Quality Evaluation Guide (BSP-QE) to Improve Positive Behavioral Support Plans

Jim Duggan made an investment of $10,000 in a savings account 10 years ago. This account paid interest of 51/2% for the first 4 years and 61/2% interest for the remaining 6 years. The interest...

Your father has a garden maintenance company and one of the company vans needs to have its gearbox replaced. He has explained to you that his accountant has compared the cost of a new van with...

8:37 * N. 80% i ... OBJECTIVES: Create relationships Create a Pivot Table from Related Tables Create a PivotChart Modify the PivotChart The major section in this chapter :ontinuation is: Data...