Hey im stuck on my assignment. It is supposed to be in javascript code and i forgot to specify that.Please Help!!!window.addEventListener("DOMContentLoaded", domLoaded);function domLoaded() {// TODO: Complete the function}function convertCtoF(degreesCelsius) {// TODO: Complete the function}function convertFtoC(degreesFahrenheit) {// TODO: Complete the function} HTML code<!DOCTYPE html><html lang="en"><title>Temperature Converter</title><scriptsrc="convert.js"></script><style>body {font-family:Arial, Helvetica, sans-serif;} label {display:block;}#errorMessage {color:red;}</style> <body><h1>Temperature Converter</h1><p><labelfor="cInput">Celsius:</label><inputid="cInput"type="text"></p><p><labelfor="fInput">Fahrenheit:</label><inputid="fInput"type="text"></p><inputid="convertButton"type="button"value="Convert"><divid="errorMessage"></div><p><imgid="weatherImage"src="warm.png"alt="Warm"></p></body></html> The image shows a simple illustration of a cloud with raindrops falling from it, representing rain. The cloud is depicted in a light purple color with black outlines, and there are four raindrops also outlined in black, falling from the cloud. This type of image can be used on educational websites to symbolize or denote topics related to weather, precipitation, or the water cycle. The image displays a symmetrical snowflake with six branches, adhering to the natural hexagonal structure commonly found in snowflakes. Each branch of the snowflake exhibits a pattern that includes a central star-like shape with extensions that feature geometric, arrow-like forms. These forms are evenly spaced along the branches, contributing to the snowflake's intricate design. The symmetry and complexity of the snowflake illustrate the unique and natural beauty of crystalline structures found in nature.

I write the code in javascript along with the screenshot kindly refer it<!DOCTYPE html> <html lang="en"> <title>Temperature Converter</title> <script src="convert.js"></script><style> body { font-family:Arial, Helvetica, sans-serif; } label { display:block; } #errorMessage { color:red; } </style> <script> function findCelsius(){ var fahrenheit = document.getElementById("fInput").value; var celsius; if(fahrenheit != ''){ celsius = (fahrenheit - 32) * 5/9; document.getElementById("output").innerHTML = celsius; }else{ document.getElementById("output").innerHTML = "Please enter a value!"; } } function findfahrenheit(){ var celsius = document.getElementById("cInput").value; var fahrenheit; if(celsius != ''){ fahrenheit = celsius * 9 / 5 + 32; document.getElementById("output1").innerHTML = fahrenheit; }else{ document.getElementById("output1").innerHTML = "Please enter a value!"; } } </script> <body> <h1>Temperature Converter</h1> <p> <label for="cInput">Celsius:</label> <input id="cInput" type="text"> </p> <p> <label for="fInput">Fahrenheit:</label> <input id="fInput" type="text"> </p> <button id="convertButton" onclick="findCelsius()" value="Convert1">Celsius will be :</button> <span id="output"></span> <button id="convert" onclick="findfahrenheit()" value="Convert">fahrenheit will be </button> <span id="output1"></span> <div id="errorMessage"></div> </div> <p> <br> <img id="weatherImage" src="warm.png" alt="Warm"> </p> </body> </html>