首页用web写一个图书选购的代码

用web写一个图书选购的代码

时间: 2024-02-22 14:55:54 浏览: 57

好的，我可以为你提供一个示例代码，但需要知道更多的细节，比如需要哪些功能、是否需要与数据库交互等。以下是一个简单的示例，用于选择图书并将其添加到购物车中： HTML： ``` <!DOCTYPE html> <html> <head> <title>图书选购</title> </head> <body> <h1>图书选购</h1> <form> <label for="book">请选择一本书：</label> <select id="book"> <option value="book1">书籍1</option> <option value="book2">书籍2</option> <option value="book3">书籍3</option> <option value="book4">书籍4</option> </select> <button onclick="addToCart()">添加到购物车</button> </form> <h2>购物车</h2> <ul id="cart"> </ul> </body> </html> ``` JavaScript： ``` function addToCart() { // 获取选择的书籍 var book = document.getElementById("book").value; // 创建新的购物车项 var li = document.createElement("li"); var text = document.createTextNode(book); li.appendChild(text); // 将购物车项添加到购物车中 var cart = document.getElementById("cart"); cart.appendChild(li); } ``` 此代码将创建一个下拉列表，用户可以从中选择一本书。当用户单击“添加到购物车”按钮时，它将使用JavaScript将所选书籍添加到购物车中。购物车将作为一个无序列表呈现在页面上。

阅读全文