New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 11, Problem 6RA
(a)
Program Plan Intro
To declare the variable puzzleId and set its value equal to the event object target.
(b)
Program Plan Intro
To modify the innerHTML of the element with the ID “puzzleID” to the value of the attribute value of event object target.
(c)
Program Plan Intro
Using drawHitori( ) function, add a switch case structure with the variable named puzzleID which will have three puzzle cases into the page element.
(d)
Program Plan Intro
To invoke the function setupPuzzle( ) which will set up the features of the selected puzzle.
(e)
Program Plan Intro
To enclose all the commands in the function switchPuzzle( ) within an if statement block.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
how to do this exercise?
Halloween 11 Create a product page
In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this:
Specifications:
• To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above.
• Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet.
• Modify the horizontal navigation menu so it indicates that no page is current.
• In the section, float the image to the left of the text. In addition, set the left margin for the text so if the product description is longer, the text won’t…
ch 8 extend your knowledge
i need this solved. below is index.html and styles.css
figure8-68 is attached below.
tasks
Link index.html to the styles.css file.
In the index.html file, create a table with seven rows and four columns. Include a caption with the text, Course Schedule.
you will need to properly use thead and tbody elements, as well as rowspan and colspan attributes
Use the styles.css file to create style rules to design the table as shown in Figure 8–68. The table uses the following hexadecimal color codes: ffe5dc (body background-color), fd4d0c (table border color), 792101 (box shadow color), a22c02 (table data border color), fe9772 (odd rows background color).
Apply a box shadow to the table and a sans-serif font to the page
index.html
<html lang="en">
<head>
<title>Chapter 8, Extend</title>
<meta charset="utf-8">
</head>
<body>
<div id="container">
<!-- Use the main area…
how do I create the following pages:
Main Page (index.html) - This page will display the user's list with edit and delete options for each list item. "Completed" list items should be hyperlinks that take you do the View List Item page.The user should be able to add a new item to the list right on this page by providing just a title and description (then they can edit the list item to add more details later).
Edit List Item (edit-item.html) - Once a user has completed a bucket list item, they can provide more information. You can choose what type of information they might want to record for completed items but at minimum you should have:
Title (this was provided when the item was created, and in A3 will be populated from the database)
Description (this was provided when the item was created, and in A3 will be populated from the database)
Rating - eventually this should be a star system, but that typically requires a little (sometimes a lot) of JavaScript, so the star part would come…
Chapter 11 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 11.1 - Prob. 1QCCh. 11.1 - Prob. 2QCCh. 11.3 - Provide the general code to create a function...Ch. 11.3 - Prob. 2QCCh. 11 - Prob. 1RACh. 11 - Prob. 2RACh. 11 - Prob. 3RACh. 11 - Prob. 4RACh. 11 - Prob. 5RACh. 11 - Prob. 6RA
Ch. 11 - Prob. 7RACh. 11 - Prob. 8RACh. 11 - Prob. 9RACh. 11 - Prob. 10RACh. 11 - Prob. 11RACh. 11 - Prob. 1CP1Ch. 11 - Prob. 2CP1Ch. 11 - Prob. 3CP1Ch. 11 - Prob. 4CP1Ch. 11 - Prob. 5CP1Ch. 11 - Prob. 6CP1Ch. 11 - Prob. 7CP1Ch. 11 - Prob. 8CP1Ch. 11 - Prob. 9CP1Ch. 11 - Prob. 2CP2Ch. 11 - Prob. 3CP2Ch. 11 - Prob. 5CP2Ch. 11 - Prob. 2CP3Ch. 11 - Prob. 3CP3Ch. 11 - Prob. 1CP4Ch. 11 - Prob. 2CP4Ch. 11 - Prob. 3CP4Ch. 11 - Prob. 4CP4Ch. 11 - Prob. 5CP4Ch. 11 - Prob. 6CP4Ch. 11 - Prob. 7CP4
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- This section has a total of 6 questions. Upload all scanned documents/files/ compressed folder in the linH the end of Question 26. Use the expression F = ((AC) +B') (C Đ A O B) to draw the Truth Table. A - I Use the upload link after Question 26 to upload the answer. (image, word, pdf, or any practical files) استخدم رابط التحميل بعد السؤال 26 لتحميل الإجابة. )صورة، كلمة، pdf، او الملفات العملية( H Dacimal pumbers with necessary steps.arrow_forwardPlease create HTML website using Flask. This website can have 5 pages, e.g., index, contact, about, etc. This website needs to include the following: Flask routings, Flask render templates, Flask WTF. (forms), Flask base HTML. You can add a nav bar in this base.html, Flask static files, e.g., CSS file. You are free to choose any topic for the website include the code.arrow_forwardcreate another new page, and name the file according to the description you used in your mockup. For example, "contact_me.html" or "portfolio.html". Your new page must include the following: (named: "contact_me.html") A table styled using CSS, like the one below, except use fonts and colors that match the theme of the rest of your site. A CSS Box with the following specs: 350px (width) + 20px (left and right padding) + 10px (left and right border) + 20px (left and right margin) = 400px Contains at least 4 hyperlinks that use each of the following states: a:link - a normal, unvisited link a:visited - a link the user has visited a:hover - a link when the user mouses over it a:active - a link the moment it is clicked Must use a style tag that changes the background to a color or image. Formatted text, including a header and paragraph that uses CSS styling of your choice, using at least 1 ID selector and 1 class selector. Use CSS to…arrow_forward
- Videos Utilize the following elements in the body of index.html to create a header for this page: 1 x Header 1 x Level One Section Heading 1 x Video Embed element 2 x Source element You will need two video files to complete this section. Use https://cloudconvert.com/mp4-to- webm to convert the mp4 file into a webm file to use as your second video file. Save it in the videos folder for this lab.arrow_forwardHTML/CSS Assignment. Build, from scratch, a new flexbox layout.This layout must include: a container: header, navigation, three-column mid section. and a footer. Add a media query to collapse the three columns into a single column layout. CSS styling must contain flexbox properties and values for positioning of elements. The page must include actual content and images. The topic is entirely up to you, the coloring, font-styling etc. is also entirely up to you.arrow_forwardAdd embedded CSS code to this html file so that the display changes as the following picture : Centered Fixed 3-Column Layout Using CSS for Page Layouts Learn More Topics Authors Videos Gallery Explore Article Title Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your document. To make your document look professionally produced, Word provides header, footer, cover page, and text box designs that complement each other. For example, you can add a matching cover page, header, and sidebar. Click Insert and then choose the elements you want from the different galleries. Themes and styles also help keep your document coordinated. When you click Design and choose a new Theme, the pictures, charts, and SmartArt graphics change to match your new theme.…arrow_forward
- CSS3 allows web developers to use many columns in a single web page by employing. O a. open-column O b. many-column O C. several-column Od multi-column QUESTION 6 The proper form of column-rule property is column-rule: 1px solid blue; a. O b. column-rule: {1px solid blue;} O C. column-rule: (1px solid blue); O d. column-rule: 1px; solid; blue;arrow_forwardCreate html file include a table with following requirements: All content aligned center. Table head background color yellow. Table data background color gray. ● ● ● TAS EX11 table + C Ⓒ File | C:/Users/AlMaatooq/Desktop/20%20%p/course%20code/Exercise%2011.html Home Service Miles Mastercard Insurance paaet PACI AMEX NBK Student Name John Salem Steve Capago Internation... Note: HTML only Birthday 23 - 12 - 1999 21 - 1 - 2000 22 - 2 - 2001 A 10 Ⓒarrow_forwardUSING HTML Create header text center aligned. Create an “a” tag with text that says “New User” Create a table with 4 columns namely: ID, USERNAME, EMAIL, ACTION Create at least one dummy record, you can create multiple records if you want to. ID column must be clickable EMAIL column must be italic ACTION action must contains a clickable “Edit” followed by pipe “|” and “Delete” links. Create a form with 4 input fields namely: Username, Email, Password, and Confirm Password and 2 buttons namely: Submit and Cancel SEE EXAMPLE FIGURE 2arrow_forward
- 1 An ordered list çannot be nested inside an unordered list. True False 2 Hyperlinks are denoted by link elements. True False 3 You're limited to a maxinum of five internal links per page. True False 4 The header element may be used only one time on a page. True False 5 You do not need to include autofocus in your forms. True Falsearrow_forward1. Scrape this text file from: https://gml.noaa.gov/webdata/ccgg/trends/co2/co2_mm_mlo.txt Using your Webscraping class, scrape the text file using file scraping techniques or use html parsing (bs4,pandas,selenium) to acquire the data. This implies that the file is NOT downloaded from a browser. # decimal monthly de-season #days st.dev unc. of# date average alized of days mon mean 1958 3 1958.2027 315.70 314.43 -1 -9.99 -0.99 1958 4 1958.2877 317.45 315.16 -1 -9.99 -0.99 1958 5 1958.3699 317.51 314.71 -1 -9.99 -0.99 1958 6 1958.4548 317.24 315.14 -1 -9.99 -0.99 1958 7 1958.5370 315.86 315.18 -1 -9.99 -0.99 1958 8 1958.6219 314.93 316.18 -1 -9.99 -0.99 1958 9 1958.7068 313.20 316.08 -1 -9.99 -0.99 1958 10 1958.7890 312.43 315.41 -1 -9.99 -0.99 1958…arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning