03_梯形面積計算 | 程式專案

{"id":262735,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml lang=\\\"zh-Hant-TW\\\"\u003e\\r\\n\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003e梯形面積計算\u003c/title\u003e\\r\\n\\r\\n    \u003cstyle\u003e\\r\\n        button {\\r\\n            width: 120px; /* 寬度 */\\r\\n            height: 40px; /* 高度 */\\r\\n            color: #fff; /* 文字顏色 */\\r\\n            background-color: #ff2626; /* 背景顏色 */\\r\\n            border-width: 4px; /* 邊框寬度 */\\r\\n            border-color: #651f1f; /* 邊框顏色 */\\r\\n            border-style: solid; /* 邊框樣式 */\\r\\n        }\\r\\n    \u003c/style\u003e\\r\\n\u003c/head\u003e\\r\\n\\r\\n\u003cbody\u003e\\r\\n    \u003cbutton id=\\\"submit\\\"\u003e計算\u003c/button\u003e\\r\\n\\r\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\r\\n    \u003c!-- \u003cscript src=\\\"../jquery-3.6.0.js\\\"\u003e\u003c/script\u003e --\u003e\\r\\n    \u003cscript\u003e\\r\\n        function getArea() {\\r\\n\\r\\n            let a = Number(prompt('上底：'));\\r\\n            let b = Number(prompt('下底：'));\\r\\n            let c = Number(prompt('高：'));\\r\\n\\r\\n            let area = (a + b) * c / 2;\\r\\n\\r\\n            alert('面積為：' + area);\\r\\n        }\\r\\n       \\r\\n        // document.querySelector('#submit').addEventListener('click', getArea);\\r\\n        $(\\\"#submit\\\").click(getArea);\\r\\n    \u003c/script\u003e\\r\\n\u003c/body\u003e\\r\\n\\r\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\n}\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\"}","created_at":"2021-06-18T12:25:20.611+08:00","updated_at":"2021-06-18T12:26:31.510+08:00","name":"03_梯形面積計算","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/262735/7d7d989ca724bee89415c67288a209e4.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":66,"hashid":"npms355nw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}