In JAVASCRIPT create an event listener. All your code will be inside that event listener. PLEASE do NOT deviate from assignment. Follow specific instructions. thank you //create an click event listener called isValidButton //inside the event listener set undefined variables for isValidMsg and getInput. You can leave them undefined because we'll use them later. //set isValidMsg to equal the isValidMsg id in your HTML //output isValidMsg to HTML and set it to an empty string //set getInput to take in the value of isValidInput (which matches the id of your input in your HTML) //create a try statement //if getInput is empty, then throw the string "is empty" //if getInput is not a number, then throw the string "is not a number" //if getInput is greater than 15, then throw the string "is too high" //if getInput is less than 12, then throw the string "is too low" //open your catch statement //output isValidMsg to HTML and output a string of "Input" and add the error message //open your finally statement //create an alert that says "This will always run."

HTML and CSS is as follows - DO NOT ADJUST

*******HTML*******

Project 13

*******CSS*******

*{ box-sizing: border-box; }

body{ font-family: sans-serif; min-height: 100%; overflow-y: hidden; }

.text-center{ text-align: center; }

.container{ display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column; }

#test-input{ flex-direction: row; }

input,button{ padding: 10px; font-size: 18px;}

#isValidMsg{ color: red; margin: 1em; font-style: italic; font-weight: bold;}

thank you