HTML/JavaScript Web Application Answers

Write a JavaScript that asks the user to enter the two numbers and  outputs text that displays the sum, product, difference and quotient  of the two numbers

Freemium Business Model

In this assignment, let's build a Freemium Business Model by applying the CSS concepts we learned till now.

Refer to the below images.

The following images illustrate all device sizes, from extra small to extra large.

Instructions:

• For the devices less than 768px, the width of image should be 120px and for the rest of devices it should be 150px.
• For the devices less than 768px, the size of heading should be 24px and for the rest of devices it should be 36px.

Note

• Achieve the design using the CSS Flexbox layout and Media queries.

Use the image URL's given below.

• https://assets.ccbp.in/frontend/intermediate-rwd/freemium-business-model-1-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/freemium-business-model-2-img.png

CSS Colors used:

Background color Hex Code values:

#eff7ff

#0b4870

Text color Hex Code values:

#f0f0f0

#f4f3f3

Design Section

In this assignment, let's build a Design Section by applying the CSS concepts we learned till now.

Instructions:

• The page should have two different background images in devices below 768px and devices equal and above 768px.
• The HTML main heading element should have different font-sizes in devices below 768px and devices equal and above 768px.
• Add the given images as background images to the HTML container element.

URL's given below.

• https://assets.ccbp.in/frontend/intermediate-rwd/design-section-sm-bg.png
• https://assets.ccbp.in/frontend/intermediate-rwd/design-section-lg-bg.png
• https://assets.ccbp.in/frontend/intermediate-rwd/design-section-bulb-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/design-section-1-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/design-section-2-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/design-section-3-img.png

CSS Colors used:

Background color Hex Code values:

#12022f

#ffffff

Text color Hex Code values:

#12022f

#7b8794

Write the code using JavaScript that validates the data entered in the username and pin fields of the form

how to print book mark maker by using dom maipulation

Logos Section

In this assignment, let's build a Logos Section by applying the concepts we learned till now.

Refer to the below images.

The following images illustrate all device sizes, from extra small to extra large.

Extra Small (Size < 576px) and Small (Size >= 576px):

Medium (Size >= 768px), Large (Size >= 992px) and Extra Large (Size >= 1200px):

you are appointed as a team leader for a web based application for online application process of first year engineering give a simple format of application that will be displayed on screen

Note: use only html css and javascript

Write a JavaScript code that displays the message "Welcome to BCA" and changes this text to “Web Programming is essential for BCA" after 10 seconds. You may use event handling. Make suitable assumptions, if any

You are appointed as a team leader for a web based application for online application process of first year engineering give a simple format od application form that will be displayed on screen

Write a code to represent ordered unoodered list,form,tables,and image for a webpage