Concept explainers
(a)
To change the inner HTML of the element with the ID, “puzzleTitle” to the text “Puzzle 1” within the startUp() function.
(b)
TodrawHitori() function using the hitori1Numbers, hitori1Blocks, and hitori1Rating
variables as parameter values and store the HTML code returned by the function in the inner
HTML of the page element with the ID “puzzle”within the startUp() function.
(c)
To declare a variable named puzzlebuttons referencing the page elements with the class name
“puzzles”. Loop through the puzzleButtons object collection and for each button add an event
handler that runs the switchPuzzle() function when the button is clicked.
(d)
To Call the setupPuzzle() function that defines the initial appearance of the first puzzle.
(e)
To add an event handler to the Check Solutions button to run the findErrors() function when
clicked.
(f)
To add an event handler to the Show Solutions button to run the showSolution() function when
clicked.
Trending nowThis is a popular solution!
Chapter 11 Solutions
New Perspectives on HTML and CSS: Brief
- 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…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 a form (html) to insert a new student as shown below. with mysql codearrow_forward
- create 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_forwardHtml and Cssarrow_forwardVideos 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_forward
- Web Programming : HTML, CSSarrow_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_forwardCSS3 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_forward
- Add 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_forwardwrite the HTML code of the following output.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
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage