Make JavaScript program 'robot.js.' that works for 3 tasks using EventListener(addeventlistener).

========================== Here's code =============================================          .well-robot { min-height: 340px; } .input-robot { width: 100%; min-height: 100px; } .output-robot { border: 1px solid #000000; min-height: 150px; margin-top: 10px; }    
 
 Hello! 
 
 
  
 
  
 Count Vowels Count Words Count Punctuation 
 
 
 
 
 
     

You need to implement those 3 simple tasks based on what the user inputs. All outputs need to be structured as a ul element with li elements as its children. 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, even if it is zero. The robot will ignore all punctuation and will also not consider 'y' a vowel. A screenshot example is below. e-4 U-2 1-1 0-4 The result for input: The quick brown fox jumped over the lazy dog. The second is Count Words. The user can type a sentence into the input area and click the Count Words button. The robot will then output a list of words and have many times they are used. The robot ignores punctuation and capitalization when comparing words