JavaScript实现点菜系统

<style>
        .title {
            width: 200px;
            margin: 20px auto;
            color: coral;
            font-size: 24px;
            text-align: center;
        }
        
        .box {
            margin: 10px auto;
            display: flex;
            flex-wrap: wrap;
            width: 1500px;
            /* border: 1px solid black; */
        }
        
        .box-item {
            font-size: large;
            width: 9%;
            margin: 10px;
            padding: 10px;
            background-color: aqua;
            text-align: center;
            border-radius: 10px;
            color: #000;
        }
        
        .btn {
            width: 200px;
            color: coral;
            font-size: 20px;
            margin: 0 auto;
            text-align: center;
            font-weight: 500;
            padding: 10px;
            margin-bottom: 15px;
            background-color: aquamarine;
            border-radiu