HTML/JavaScript Web Application Answers

"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() {

 let person = JSON.parse(readLine().replace(/'/g, '"'));

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

 /* Write your code here and log the output */

}

input1

{ 'name':'Pranay', 'address':{'city':'Mumbai','state':'maharastra'}, 'nicknames':['nani','chanti']}

output2

pranay is from mumbai,maharastra

pranay has 2 nicknames

length is not defined but output is come

"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() {

 let person = JSON.parse(readLine().replace(/'/g, '"'));

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

 /* Write your code here and log the output */

}

length is not difined

<div class="bg-container text-center">

<button class="get-activity-button p-1 mt-3" id="getActivityBtn">Get Activity</button>

<div class="mt-2" id="result">

<div class="d-flex flex-row">

<div class="w-50 d-flex flex-column justify-content-center text-center">

<p id="activityName" class="activity-name">Buy a new house decoration</p>

<p id="activityType" class="activity-type">recreational</p>

</div>

<div class="w-50">

<img src="https://assets.ccbp.in/frontend/react-js/random-activity/party.png" id="activityImg" class="activity-img" />

</div>

</div>

</div>

<div class="d-none mt-5 mb-5" id="spinner">

<div class="d-flex flex-row justify-content-center">

<div class="spinner-border" role="status"></div>

</div>

</div>

</div>

<h1> Capital and Country </h1>

  <div class="block">

    <select name="capital" id="capital-select" >

      <option value="paris"> Paris </option>

      <option value="london"> London </option>

      <option value="newYour"> New Your </option>

      <option  value="newDelhi" selected> New Delhi </option>

    </select>

    <p class="block__text"> is the capital of ? </p>

  </div>

  <span class="county-name" id="county-name"> India </span>

I'm not getting any output to search item in a mart code So,please verify it

"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() {

let person = JSON.parse(readLine().replace(/'/g, '"'));

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

/* Write your code here and log the output */

}

length is undefined

"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() {

let integers = JSON.parse(readLine());

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

/* Write your code here and log the output */

const productArrayItems = arr => arr.reduce((a, b) => a * b)

console.log(productArrayItems(integers));

}

notthis output ----> 1*2*3=6

Area and circumference a circle

"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++];

}

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

function Circle(radius) {

/* Write your code here */

}

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

function main() {

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

const circle1 = new Circle(radius);

console.log(circle1.getArea());

console.log(circle1.getCircumference());

}

Input:7

Output:153.86

43.96

Random Activity

The goal of this coding exam is to quickly get you off the ground with the DOM Manipulations.

Refer to the below image.

Achieve the given functionality using JS.

Make a HTTP request(GET method) using fetch with the URL https://apis.ccbp.in/random-activity to get a random activity.

Add loading status with Bootstrap component spinner while making an HTTP request.

CSS Border Properties

The goal of this coding exam is to quickly get you off the ground with the CSS Border Properties.

Use the below reference image.