Please convert this code to a java class in visual studio. It's an animation involving html, css, and javascript.The code for class styles.css and Animation.html is attached: script.js const dialogue = [     { character: 'Narrator', text: "In the dead of night, beneath a moon veiled by misty clouds, a lone figure trudged along a desolate forest path." },     { character: 'Narrator', text: "Unknown to her, she was not alone." },     { character: 'Human', text: "Who's there? Show yourself!" },     { character: 'Creature', text: "You venture into realms unknown, mortal. What brings you to these woods?" },     { character: 'Human', text: "I seek passage to the village beyond. I mean no harm." },     { character: 'Creature', text: "Harm is but a shadow in these woods, mortal." },     { character: 'Human', text: "What do you mean? Who are you?" },     { character: 'Creature', text: "Names are as fleeting as the mist. I am known as the Wumpus, guardian of secrets untold." },     { character: 'Human', text: "Please, I just want to go home. I won't disturb your domain any longer." },     { character: 'Creature', text: "Very well, mortal. Leave these woods and trouble it no more. Remember to never forget your place in this world." },     { character: 'Human2', text: "Hello there user! My name is Mika and you'll be helping me kill the wumpus. Click the next button and choose a cave to enter." } ]; let currentLine = 0; const humanImg = document.getElementById('human'); const creatureImg = document.getElementById('creature'); const human2Img = document.getElementById('human2'); const dialogueBox = document.getElementById('dialogue-box'); const dialogueText = document.getElementById('dialogue-text'); const nextButton = document.getElementById('next-button'); const welcomeScreen = document.getElementById('welcome-screen'); function showCharacter(character) {     humanImg.classList.remove('visible', 'enter', 'exit', 'hidden');     creatureImg.classList.remove('visible', 'enter', 'exit', 'hidden');     human2Img.classList.remove('visible', 'enter', 'exit', 'hidden');     if (character === 'Human') {         humanImg.classList.add('enter');         creatureImg.classList.add('hidden');     } else if (character === 'Creature') {         creatureImg.classList.add('enter');         humanImg.classList.add('hidden');     }      else if (character == 'Human2') {         human2Img.classList.add('enter');         creatureImg.classList.add('hidden');      } } function typewriter(text, onComplete) {     let index = 0;     dialogueText.textContent = '';     const speed = 50;     function type() {         if (index < text.length) {             dialogueText.textContent += text.charAt(index);             index++;             setTimeout(type, speed);         } else if (onComplete) {             onComplete();         }     }     type(); } function updateScene() {     const line = dialogue[currentLine];         if (line.character === 'Narrator') {         humanImg.classList.add('hidden');         creatureImg.classList.add('hidden');         human2Img.classList.add('hidden');         dialogueBox.classList.add('narrator');     } else {         dialogueBox.classList.remove('narrator');         showCharacter(line.character);     }     typewriter(line.text, () => {         if (currentLine < dialogue.length - 1) {             nextButton.disabled = false;         } else {             nextButton.disabled = true;         }     });         nextButton.disabled = true;     if (currentLine >= dialogue.length - 2) {         welcomeScreen.classList.remove('hidden');         welcomeScreen.classList.add('visible-enter');     } } nextButton.addEventListener('click', () => {     currentLine++;     updateScene(); }); updateScene();

•is Valid Phone Number(): ReturnsTrue if the provided phone number (represented as a string) is cor-rectly formatted, otherwiseFalse. To be considered correctly formatted, phone numbers must bewritten as###-###-####, where#is a digit between 0 and 9 .•validatePhoneBook(): A phone book is a list where each entry is a phone book record (represented asa dictionary; see below for more details). This function checks each phone book record in the phonebook for correctly formatted phone numbers.A phone book record is a dictionary which initially has two keys: the key"name"mapped to thecontact’s name (string) and the key"phone number"mapped to that contact’s phone number (alsoa string).validatePhoneBook()adds a new key"valid"to the record with the valueTrueif the phonenumber is formatted correctly, otherwiseFalse.   1. Write white-box and black-box tests for the function is ValidPhoneNumber(). You should do this with-out Python, either on paper, or in a simple document. Don’t worry about…

Assign numMatches with the number of elements in userValues that equal matchValue. userValues has NUM_VALS elements. Ex: If userValues is {2, 1, 2, 2} and matchValue is 2, then numMatches should be 3. Your code will be tested with the following values: matchValue: 2, userValues: {2, 1, 2, 2} (as in the example program above) matchValue: 0, userValues: {0, 0, 0, 0} matchValue: 10, userValues: {20, 50, 70, 100} (Notes) 324758.2040686.qx3zgy7 3 int main(void) { const int NUM VALS = 4; int userValues[NUM_VALS]; int i; int matchvalue; int numMatches = -99; // Assign numMatches with e before your for loop 4 1 test 5 passed 6 7 All tests 8 passed 9 scanf ("%d", &matchValue); 10 11 for (i = 0; i < NUM_VALS; ++i) { scanf("%d", &(userValues[i])); } 12 13 14 15 16 * Your solution goes here */ 17 18 printf("matchvalue: %d, numMatches: %d\n", matchValue, numMatches); 19 20 return 0;

begin = System.nanoTime(); //we measure in nanoseconds. // put your code here. end = System.nanoTime(); time = end - begin; Page Part 2. f) Create a new StringBuilder Object using no-arg constructor. g) Using for loop to append the array elements one by one to the StringBuilder (one per loop iteration) Hint: to append an element to a StringBuilder, use the append() method in StringBuilder h) Output the StringBuilder on the console. Record a run-time it took to append all integers to the StringBuilder (record run-time of 2.g.)). Please submit a screenshot. The screenshot should match the following example: of 3 012345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 it took 59250 nanoseconds to append 50 integers to the StringBuilder. ZOOM + *k