This average calculator involves creating a small web-based tool with HTML, CSS, and JavaScript.
𝙋𝙧𝙤𝙗𝙡𝙚𝙢 𝙎𝙩𝙖𝙩𝙚𝙢𝙚𝙣𝙩: Create a web-based application that calculates the average of a set of numbers provided by the user. The application should allow the user to input numbers, separated by commas, and then compute the average when a button is clicked. Additionally, the user should be able to reset the input fields and the result. The user interface should be visually appealing, with buttons styled using CSS, and the functionality should be handled by JavaScript.
𝗥𝗲𝗾𝘂𝗶𝗿𝗲𝗺𝗲𝗻𝘁𝘀: 𝟭.𝗨𝘀𝗲𝗿 𝗜𝗻𝗽𝘂𝘁: Allow users to input numbers in a text field. The numbers should be separated by commas. 𝟮.𝗖𝗼𝗺𝗽𝘂𝘁𝗮𝘁𝗶𝗼𝗻: Once the user clicks the "Calculator" button, calculate the average of the entered numbers. 𝟯.𝗥𝗲𝘀𝘂𝗹𝘁 𝗗𝗶𝘀𝗽𝗹𝗮𝘆: Show the calculated average with up to two decimal places below the input field. 𝟰.𝗥𝗲𝘀𝗲𝘁 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝗮𝗹𝗶𝘁𝘆: Provide a "Reset" button to clear the input field and the displayed result. 𝟱.𝗘𝗿𝗿𝗼𝗿 𝗛𝗮𝗻𝗱𝗹𝗶𝗻𝗴: The calculator should ignore invalid input like text or symbols, but the instruction indicates numbers and commas should be used only. 𝟲.𝗨𝗜 𝗗𝗲𝘀𝗶𝗴𝗻: Use basic CSS for styling, including shadows and borders, to enhance the visual appeal of buttons and the form elements.