Question: Build a Robot Web Application implement the robot.js that will enhance the robot page. Content The robot.html page (provided at the end of these instructions),

Build a Robot Web Application

implement the robot.js that will enhance the robot page.

Content

The robot.html page (provided at the end of these instructions), features a robot that can be given 3 simple tasks. You need to implement those 3 simple tasks based on what the user inputs. USE A SEPARATE JAVASCRIPT FILE.

The first is Count Vowels. The user can type a sentence into the input area then click the Count Vowels buttons. The robot will then output an unordered list in the black box area below the buttons with each vowel that appeared in the sentence and how many occurrences it found. The robot will ignore all punctuation and will also not consider y a vowel.

The second is Count Anagrams. The user can type a sentence into the input area and click the Count Anagrams button. The robot will then ouput a sentence telling the user how many words were found that can be made into an anagram with another word in that sentence. The robot will consider two words to be an anagram if the letters can be re-arranged so that they match. For example, iceman and cinema are anagrams. The robot will ignore all punctuation.

The third, and final, is Word Distance. The user can type two words into the input area and click the Word Distance button. The robot will then output a sentence with how many transformations it would take to turn the first word into the second. If the robot needs to add, remove, or change a letter, that counts as 1 transformation per operation performed. The robot can shift letters around for free.

Rejection

Your submission will be rejected for you to try again the next day if:

You use any third party JavaScript libraries

You dont enable JavaScripts strict mode

You use var instead of let

You dont use the EventListener API

You dont create DOM elements via JavaScript or the DOM API (ie dont set innerHTML or innerText with Strings)

If the page doesnt render and work properly across Google Chrome and Mozilla Firefox

If any errors or console logs appear in the browsers web developer console

Your code does not pass https://eslint.org/demo with no issues. (In the Rules Configuration, make sure tick the browser and es6 boxes, as well as setting ECMA Version to 6)

robot.html:

     Homework 2: Smart Robot      
Hello! I'm a smart robot. I can do many interesting things. Type something below and click a button to watch me work!
Count Vowels Count Anagrams Word Distance

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!