HTML/JavaScript Web Application Answers

Speed Typing Test

In this assignment, let's build a Speed Typing Test by applying the concepts we learned till now.

Refer to the below image.

Instructions:

• Add HTML container element with id speedTypingTest
• Add HTML paragraph elements with id timer, quoteDisplay and result
• Add HTML textarea element with id quoteInput
• Add HTML button elements with id submitBtn and resetBtn
• Add the Bootstrap component spinner

By following the above instructions, achieve the given functionality.

• When the page is opened
• Make a HTTP request to get a random quotation
• URL: https://apis.ccbp.in/random-quote
• Display the random quotation in the HTML paragraph element with id quoteDisplay
• Start the timer and display the time in seconds in the HTML paragraph element with id timer
• When a value is entered in the HTML textarea element with id quoteInput and the HTML button element with id submitBtn is clicked

An international charitable organisation that works to conserve and protect endangered Bee species has approached you to develop a solution that will raise awareness and track the decreasing number of Bee species. The charitable organisation wants to encourage users to conserve and to take an interest in Bees and support its population. (a) Identify and describe two new emerging technologies which could be used to safe Bee species. (4 marks) (b) Discuss limitations of each technology that you identified in part (a). (2 marks) (C) Suppose that you are going to make a website to aware public about the conservation and protecting endangered Bee species. Explain the use of a suitable page structure with detail content for the website. (5 marks) (d) Write a sample Document Object Model of the home page. (2 marks)​

Problem Statement Given list of students’ records. Write a program with signature as below: Method Name: getStudentsWithMarksMoreThan() Input: marks – Integer Output: List of Students having marks more than input Also add Unit Test case – both positive and negative. You can do in choice of your language (Any high level language like – Java, Python, PHP, C#, JavaScript) For example JSON given below of 3 students for your reference. { "students":[ { "roll_no":101, "details":{ "name":"ajay", "marks":42, "age":20 } }, { "roll_no":102, "details":{ "name":"amit", "marks":45, "age":21 } }, { "roll_no":111, "details":{ "name":"ramesn", "marks":31, "age":21 } } ] 

String Slicing

Write a Javascript Program for String Slicing

The below link contains String Slicing Question and Test cases

https://drive.google.com/file/d/1FyEmmo5k4KeZPnFcLVWUyqiPZGXVs1nz/view?usp=sharing

The below link contains code

https://drive.google.com/file/d/1Y-86sblnbImafltwE2vMmsfUINcXnSrp/view?usp=sharing

In this Javascript coding program they had two test cases

We need all two test cases can be came when code was run. I want exact outputs for all two test cases

Square at Alternate Indices

Write a Javascript Program for Square at Alternate Indices

The below link contains Square at Alternate Indices Question and Test cases

https://drive.google.com/file/d/1NMtBGioe4_oPKJpvPJ3iQW_7uRd2zjWz/view?usp=sharing

The below link contains code

https://drive.google.com/file/d/1mqvV-SoTKa6m2tUL_rxcBeWcdKjUVZgm/view?usp=sharing

In this Javascript coding program they had two test cases

We need all two test cases can be came when code was run. I want exact outputs for all two test cases

Given list of students’ records. Write a program with signature as below: 

Method Name: getStudentsWithMarksMoreThan()

Input: marks – Integer

Output: List of Students having marks more than the input

Also, add the Unit Test case – both positive and negative. (Any high-level language like – Java,

Python, PHP, C#, JavaScript)

Time Converter

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

Refer to the below image.

Instructions:

• The HTML input element for entering the number of hours should have the id hoursInput
• The HTML input element for entering the number of minutes should have the id minutesInput
• Add HTML label elements for HTML input elements with ids hoursInput and minutesInput
• The HTML button element should have the id convertBtn
• The HTML p element to display the converted time in seconds should have the id timeInSeconds
• The HTML p element to display the error message should have the id errorMsg

Unite Family

The Javascript program name is Unite Family

The below link contains Unite Family Question with test cases

https://drive.google.com/file/d/1XxULadczU1zNFjtfCL-DM6XZuu-M70cU/view?usp=sharing

The below link contains Code

https://drive.google.com/file/d/1pi0yzm8aMLl58fSfJyS9qCkAmAhmdb-p/view?usp=sharing

In this Javascript coding program they had two test cases

We need all two test cases can be came when code was run. I want exact outputs for all two test cases

In this javascript code there are 4 test cases, 4th test case was not getting expected output

Test cases are in below url link

https://drive.google.com/file/d/1pUV22FRZxZXuZQdyywfDXs2pS30r6dKc/view?usp=sharing

Code in below url link

https://drive.google.com/file/d/15gIWqTU2mGKhr8gaVS-lVXNed5jxPXXQ/view?usp=sharing

Bookmark Maker

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

Refer to the below image.

Instructions:

• The page should have HTML form element with id bookmarkForm
• The HTML form element with id bookmarkForm should have HTML input elements with ids siteNameInput and siteUrlInput
• The HTML form element with id bookmarkForm should have HTML button element with id submitBtn
• Add HTML label elements for HTML input elements with ids siteNameInput and siteUrlInput
• The HTML form element with id bookmarkForm should have HTML p elements with ids siteNameErrMsg and siteUrlErrMsg
• The page should have HTML unordered list element with id bookmarksList
• Each bookmark item should contain a HTML anchor element to navigate to the bookmarked site