HTML/JavaScript Web Application Answers

Weather Report Section.

Devices (Size < 900px):

Devices (Size >= 900px):

• The weather conditions in the section should be horizontal for the devices equals to and above 900px.
• The weather conditions in the section should be vertical for the devices below 900px.
• For the weather conditions, use justify-content property with value space-around to occupy equal space for the devices less than 900px.
• The HTML Superscript element sup specifies inline text which is to be displayed as superscript. Refer to the prefilled HTML code.

Use the image URL's given below.

• https://assets.ccbp.in/frontend/intermediate-rwd/partly-sunny-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/partly-cloudy-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/rain-with-sun-img.png
• https://assets.ccbp.in/frontend/intermediate-rwd/sunny-img.png

#ffffff20

#b96fa1

#5a3f8c

Border color Hex Code values:

#e9e9e930

Text color Hex Code values:

#ffffff

Roboto

Convert Temperature Using a drop down. If drop down selection is Fahrenheit to Celsuis , convert Fahrenheit to celsuis. if drop down selection is celsuis to Fahrenheit, convert Celsuis to Fahrenheit. All while also using a button to execute.

Create a script that asks users to input names in a text field. Sort the names and

display them in a seperate text area.

2. If the user enters an empty name, show the text field in red color. Also display an

alert box. Change the color to white when a non empty name is eneterd.

3. Add shortcut keys to text area. When user presses Ctrl+Enter, change the font style

of text in text area to italic. When user presses Shift+Enter, change the font style of

text area to normal.

Create a function that will take the array as an argument and return the average of the quizzes.

the goal of this coding exam is to quickly get you of the ground with this in the object methods

tax criteria

salary tax percentage

>= 50000 5

>= 1000000 10

quick tip

tax = salary * taxPercentage/100

input 1

stuart

developer

840000

output 1

42000

"use strict";

process.stdin.resume();

process.stdin.setEncoding("utf-8");

let inputString = "";

let currentLine = 0;

process.stdin.on("data", (inputStdin) => {

 inputString += inputStdin;

});

process.stdin.on("end", (_) => {

 inputString = inputString.trim().split("\n").map((str) => str.trim());

 main();

});

function readLine() {

 return inputString[currentLine++];

}

function main() {

 const name = readLine();

 const role = readLine();

 const salary = JSON.parse(readLine());

 function Employee(name, role, salary) {

  // Write your code here

 }

 const employee1 = // Write your code here

/* Please do not modify anything below this line */

 console.log(employee1.getTaxAmount());

}

Javascripts: 1. Create a script that asks users to input names in a text field. Sort the names and display them in a seperate text area. 2. If the user enters an empty name, show the text field in red color. Also display an alert box. Change the color to white when a non empty name is eneterd. 3. Add shortcut keys to text area. When user presses Ctrl+Enter, change the font style of text in text area to italic. When user presses Shift+Enter, change the font style of text area to normal. I have added a demo in Iris. Attach the html and screenshots. 

the goal of this coding exam is to quickly get off you the ground with the array method every().

input

• the input will be single line containing an array of objects candidatesList

output

• the output should be single line containing an array with names of the selected candidates.

input1

[{'name': 'Blake Hodges', 'points':[76, 98, 88, 84]},[{'name': 'James Anderson', 'points':[0, 98, 12, 33]},[{'name': 'Matthew Norton', 'points':[89, 67, 83, 93]}

output1

['Blake Hodges]

function readLine() {

 return inputString[currentLine++];

}

function main() {

 const candidatesList = JSON.parse(readLine().replace(/'/g, '"'));

/* Please do not modify anything above this line */

 // Write your code here

}

Car Race

the goal of this code is to get output using with Classes.

input

first line of input contains a string playerName

second line of input contains a number nitro

third line of input contains a number speed

output

the output contains multiple lines with the appropriate texts

input1

Alyssa

100

1

output1

Race has started

Speed 50; Nitro 50

speed 70; Nitro 60

Alyssa is the winner

Speed 0; Nitro 60

function readLine() {

 return inputString[currentLine++];

}

 // Create your Super Class Race and Sub Class Car here

function main() {

 const playerName = readLine();

 const nitro = JSON.parse(readLine());

 const speed = JSON.parse(readLine());

 const car1 = new Car(playerName, nitro, speed);

 console.log(car1.startRace());

 car1.nitroBoost();

 console.log(`Speed ${car1.speed}; Nitro ${car1.nitro}`);

 car1.accelerate();

 console.log(`Speed ${car1.speed}; Nitro ${car1.nitro}`);

 console.log(car1.endRace());

 car1.applyBreak();

 console.log(`Speed ${car1.speed}; Nitro ${car1.nitro}`);

}

Bunty Birthday

the goal of the code to get output using with DateMethods.

input

• the input is containing single line an array birthdaysList.

output

• the first line of output should be a number indicating the number of peoples born same day as Bunty
• the first line of output should be a number indicating the number of peoples born same month as Bunty
• the first line of output should be a number indicating the number of peoples born same year as Bunty

input1

['2000-05-13', 'June 7 2021','03/24/2000']

output1

1

2

input2

['Jan 26 2000','Dec 13 2001, 'Nov 18 2001']

output2

function readLine() {

 return inputString[currentLine++];

}

function main() {

 const birthdaysList = JSON.parse(readLine().replace(/'/g, '"'));

 const buntyBirthday = new Date("2000-06-13");

/* Please do not modify anything above this line */

 // Write your code here

}

Selected words to Uppercase

the goal of this code to get output using string methods startsWith(), endsWith() and toUpperCase()

convert uppercase if a string in wordsList starts or ends with the given myString

log the array containg the converted strings in the console

input

the first line containing an array wordsList

second line containing a string myString

output

the output should be single line containing an array with converted strings

input1

['absolute','umbrella','achivement','formula']

a

output1

['ABSOLUTE', 'UMBERELLA','ACHIVEMENT','FORMULA']

function readLine() {

 return inputString[currentLine++];

}

function main() {

 const wordsList = JSON.parse(readLine().replace(/'/g, '"'));

 const myString = readLine();

/* Please do not modify anything above this line */

 // Write your code here

}