本报告将介绍如何使用html和css实现计算器的布局，并通过js实现计算器的功能和交互。在设计过程中，我们采用了响应式布局，确保计算器在各种设备上都能正常显示和工作。通过使用各种HTML元素和CSS样式，我们成功地创建了一个简洁而直观的计算器界面。在js方面，我们使用了事件监听器和处理函数来响应用户的输入，并使用算法和逻辑来实现各种数学运算，如加减乘除、取余等。同时，我们还为计算器添加了一些附加功能，如取负、百分比、小数点等。通过这次实验，我们深入理解了前端开发中HTML、CSS和JS的应用，以及如何将它们结合起来实现一个完整的计算器。