Using html, css and JavaScript. Create the below. Just use any image 1) First, we need to add an onclick event to the checkbox with the ID "check1" inmovies_ex3.html. You will do this much like you did Step 1 of Exercise 2. When the checkboxis clicked, we want to call a function that we will name checkUncheck1 ().onclick="checkUncheck1 ()"2) Then, we need to write the checkUncheck1 function in movies_ex3.js. Remove the linesthat we ask you to remove in the javascript file in order to uncomment checkUncheck 1 (). Thenadd each of the following commands where appropriate.document.getElementByld ("poster").style.display="inline";document.getElementByld("poster").style.display="none";The 'if' statement in the javascript file will be used to determine if the image is displayed or not.If the checkbox is checked, we should display it, but otherwise we should hide it. The imagebelow shows what you should see when the Movie checkbox is checked.3) Mimic steps 2 and 3 above for toggling the image that is displayed in the Director and Actorspanel. If all three check boxes are checked, you should see three images.MovieСолярисMy Computational Thinking KitEx2+3Ex4+5DirectorActorsA psychologist is sent to a space station orbiting a planet called Solaris to investigate the death of a doctor and the mental problems of cosmonauts on the station. He soondiscovers that the water on the planet is a type of brain which brings out repressed memories and obsessions.

In this question we have to write a complete HTML, CSS, and JavaScript code to create a webpage with…

Answered: Using html, css and JavaScript. Create…

Engineering

Computer Science

Using html, css and JavaScript. Create the below. Just use any image

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Q: Redesign your personal web page to include at least two pieces of information on your topic, with…

A: Approach to solving the question: Dear student, to effectively approach the task of enhancing the…

Q: Create a webpage to showcase your favorite travel destinations. Follow the instructions below to…

A: Please find the required html and css file to create this website:Index.html contains the home page…

Q: Describe the differences between maps, scenes, apps, and files.

A: Introduction: A scene is similar to a map in that it is a mashup of data layers that may be seen in…

Q: Demonstrate CSS Syntax using ID and Class and applying selectors, colors and backgrounds. Design…

A: The Cascading Style Sheets (CSS) can be denoted as a style sheet language utilized for defining the…

Q: Hyperlinks and Action Buttons allow you to move in a presentation in a non-linear, non sequential…

A: Dear Student, The answer to your question is given below -

Q: Create a webpage about Tennis sport including Music, Picture and animation with webpage layout with…

A: Approach 1. Create a folder where you will save all your files, images and music file. 2. Create…

Q: Create a payment form in Html and css it should have billing address and accepted cards like visa,…

A: The HTML-CSS code is given in below step A demo form is created and output screenshot is given No…

Q: You are required to design HTML page based on the following descriptions: Insert image of…

A: I have inserted all the constraints stated above ,please refer below code: Along with the image I…

Q: 1. Create a picture slideshow using HTML, CSS, and JavaScript. Instructions: a. The main code for…

A: a.The main code for your picture slideshow is JavaScript b. Use your own picture for creating a…

Q: steps of the following problem. Use Sublime Text Editor Software Create a webpage of any topic. Home…

A: 1.web.html <html><head><title>Frames</title></head><frameset…

Q: Using responsive images tags to create an HTML page. The image in the html file should be able to…

A: Creating a responsive image in HTML that automatically scales as the browser window resizes involves…

Q: deficient browser functionalities, with the exception of style support for HTML5 tags.

A: Modernizr is a javascript library which helps in detecting features which are available in user's…

Q: How do you make a user comment section like YouTube using HTML and CSS?

A: I have provided code in step2.

Q: In this project, you need to build a website based on your chosen idea. The Website must cover all…

A: <!DOCTYPE html> <html> <head> <meta charset="utf-8">…

Q: HTML 5 CANVAS Add 4 different shapes. provide different colors and modify the x and y position of…

A: <!DOCTYPE html> <html> <head> <title>HTML5 canvas shapes</title>…

Q: Describe three types of page layouts in CSS?

A: Three types of page layout in CSS are: Fixed layout Fluid layout Elastic layout

Q: In CSS, Find a font to use on the web. In a short paragraph, explain how you would import this…

A: type google gorm in browser and go to fist link which appears on the page then go to categories and…

Q: ive an example of a CSS element that will cause an image to be repeated in the background only along…

A: INTRODUCTION: Background pictures are repeated according to the background-repeat CSS property. A…

Q: Create a webpage to showcase your favorite travel destinations. Follow the instructions below to…

A: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta…

Q: Create a simple web page applying the following animation. 1. Transforms 2. Transitions 3.…

A: HTML:- HTML stands for Hyper Text Markup Language It uses an in-built tag It is used to design the…

Q: ML and CSS: Follow exactly the second picture. 1st picture: My output (I point out where the…

A: body { background-color: #5280C5; color: #003366; font-family: Arial, Verdana,…

Q: Create a web page and split the web page in the following format using frames. Frame(1,1) Frame(2)…

A: Code: dy.html(main page): <html> <head> <style> frame{…

Q: Now that you know how to use Kibana, you can practice creating some additional visualizations.…

A: Each style of visualization has its own set of sophisticated settings. To examine your options,…

Q: Tell me about the three primary CSS page layouts.

A: The three primary CSS page layouts are Fixed, Liquid, and Hybrid, and each of these layouts offers a…

Q: Create a webpage to showcase your favorite travel destinations. Follow the instructions below to…

A: Index.html contains the home page information.style.css is a external style sheet css…

Q: What benefits come with utilizing the HTML5 canvas element?

A: CANVAS IN HTML This canvas> element is the container of graphics that is mostly used in java…

Q: Describe a CSS element that would repeat an image in the background along both the X and Y axis

A: NOTE :- Below i explain the answer in my own words by which you understand it well. repeat-x:…

Q: Write the html and CSS code to scroll through images

A: <div class="bg-image img1"></div><div class="bg-image img2"></div><div…

Q: Please help me with this. I want to make a tiled waves.png border in my code as shown in the image…

A: In this question we have been asked to develop a HTML Page for the given layout.Let's code and hope…

Q: Draw a 3D structure for this building and upload your work in a file/ Google drive Link Ps: You can…

Q: Design a Form using HTML and CSS. Validate the form using JavaScript. N.B: Those input fields of…

A: <html> <head> <script> function optionsSelect() { var first_name =…

Q: Make a copy of the web design or replicate it (see attached picture) using HTML TAGS ONLY. (DO NOT…

A: Creation of above page using only the HTML code

Q: Create an XHTML document to demonstrate the positioning properties of elements and…

A: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>…

Q: List three CSS terms from today's lecture. CSS uses your three keywords.

A: Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a…

Q: ?CSS: What does CSS stand for Creative Style Sheets Colorful Style Sheets Computer Style Sheets.…

A: CSS is a language which is used for describing the presentation of web pages including fonts,…

Question

Using html, css and JavaScript. Create the below. Just use any image

1) First, we need to add an onclick event to the checkbox with the ID "check1" in
movies_ex3.html. You will do this much like you did Step 1 of Exercise 2. When the checkbox
is clicked, we want to call a function that we will name checkUncheck1 ().
onclick="checkUncheck1 ()"
2) Then, we need to write the checkUncheck1 function in movies_ex3.js. Remove the lines
that we ask you to remove in the javascript file in order to uncomment checkUncheck 1 (). Then
add each of the following commands where appropriate.
document.getElementByld ("poster").style.display="inline";
document.getElementByld("poster").style.display="none";
The 'if' statement in the javascript file will be used to determine if the image is displayed or not.
If the checkbox is checked, we should display it, but otherwise we should hide it. The image
below shows what you should see when the Movie checkbox is checked.
3) Mimic steps 2 and 3 above for toggling the image that is displayed in the Director and Actors
panel. If all three check boxes are checked, you should see three images.
Movie
Солярис
My Computational Thinking Kit
Ex2+3
Ex4+5
Director
Actors
A psychologist is sent to a space station orbiting a planet called Solaris to investigate the death of a doctor and the mental problems of cosmonauts on the station. He soon
discovers that the water on the planet is a type of brain which brings out repressed memories and obsessions.

Expert Solution

This question has been solved!

Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.

SEE SOLUTION Check out a sample Q&A here

Step 1: Computational Thinking Kit Web Dev

VIEW

Step 2: Code and Output

VIEW

Solution

VIEW

Step by step

Solved in 3 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

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

Lab Exercise 4 Using CSS apply LEFT-ALIGNMENT and BLUE text color to all elements in a web page Try to apply these rules using 1. Element Selector 2. ID Selector 3. Class Selector
I need to create a shipping label with the HTML and CSS I need to designing a 4 by 6 inch shipping label which will be printed. The label must look like the following image. I can't post the information in contain within the label but this is the skeleton of what it should look like.
Give an example of a CSS element that will cause an image to be repeated in the background only along the Y axis.
HTML/CSS: How to modify the visibility of the buttons? Make sure to show the full code with the screenshots of the output.
Design a website that takes a string from the user and then check how many vowels are present in the string and also print the count of each character. Do not take headache of CSS.
Create a webpage about Tennis sport including Music, Picture and animation with webpage layout with navigation. menu bar on top. CSS file(s) connect to all HTML files.
Please do this exercise with HTML, Javascript code. Please also display the code.
Using netbeans, fix the given code below and run it using netbeans. Show the screenshot result. It should be the same as the result picture given below
How to restrict div width in css to particular value.
Computer Science Create a website by using only html and css languages for a travel to Dubai including the home page. Also, provide a sample program with links to the pictures you used.
Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…
Describe each of them and explain what the image is depicting. Label them and write out at least a paragraph describing them.