實用計算機副本 | Programming Project | OrangeApple Learning Platform

{"id":223423,"student_id":12205,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n\\t\u003ctitle\u003e計算機\u003c/title\u003e\\r\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \\r\\n    \u003cdiv id=\\\"app\\\"\u003e\\r\\n        \u003cp\u003e\u003c/p\u003e\\r\\n        \\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003eC\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003e(\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003e)\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-orange\\\"\u003e/\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e7\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e8\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e9\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-orange\\\"\u003e*\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e4\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e5\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e6\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-orange\\\"\u003e-\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e1\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e2\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e3\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-orange\\\"\u003e+\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003edel\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e0\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e.\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-gray\\\"\u003e=\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003e4-5+\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003esqrt\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003efloor\u003c/button\u003e\\r\\n       \u003cbutton class=\\\"bg-light\\\"\u003ecos\u003c/button\u003e\\r\\n       \u003cbutton class=\\\"bg-light\\\"\u003eabs\u003c/button\u003e\\r\\n       \u003cbutton class=\\\"bg-light\\\"\u003eceil\u003c/button\u003e\\r\\n       \\r\\n        \u003cinput  class=\\\"bg-light\\\" type=\\\"button\\\" value=\\\"code\\\" onclick=\\\"alert('view-source:https://sb.koding.school/projects/qmds8w34v/;')\\\"\u003e\\r\\n        \u003cinput  class=\\\"bg-light\\\" type=\\\"button\\\"  img src=\\\"data:image/png;base64,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\\\" value=\\\"set\\\" onclick=\\\"請先檢查瀏覽器\\\"\u003e\\r\\n        \u003cinput  class=\\\"bg-light\\\" type=\\\"button\\\" value=\\\"Browser\\\" onclick=\\\" Browser()\\\"\u003e\\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003etoString\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"bg-light\\\"\u003etoExponential\u003c/button\u003e\\r\\n        \u003cinput  class=\\\"bg-light\\\" type=\\\"button\\\" value=\\\"reset\\\" onclick=\\\" $('p').text('系統重置中');  $('p').text('系統重置中3'); $('p').text('系統重置中3');$('p').text('系統重置中2');$('p').text('系統重置中2');$('p').text('系統重置中1');$('p').text('系統重置中1');$('p').text('');alert('重置完成，按c鍵跳出')\\\"\u003e\\r\\n        \u003cbr\u003e\\r\\n    \u003c/div\u003e\\r\\n    \\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\",\"css\":\"body {\\r\\n    background-color: black;\\r\\n    text-align: center;\\r\\n    padding: 100px;\\r\\n\\r\\n}\\r\\n\\r\\n#app {\\r\\n    width: 300px;\\r\\n    height: 400px;\\r\\n    /*可使margin自動抓一半，但需要有設定此元件大小*/\\r\\n    margin: auto;\\r\\n}\\r\\n\\r\\np {\\r\\n    color: #fff;\\r\\n    text-align: right;\\r\\n    font-size: 40px;\\r\\n    \\r\\n    height: 60px;\\r\\n    padding: 5px;\\r\\n    margin: 5px;\\r\\n}\\r\\n\\r\\nbutton ,input{\\r\\n    /* 一顆按鈕：寬70px + 邊寬5px = 75px */\\r\\n    /* 一排按鈕：75px * 4 = 300px */\\r\\n    width: 70px;\\r\\n    height: 70px;\\r\\n\\r\\n    border-width: 5px;\\r\\n    border-radius: 50%;\\r\\n    border-color: black;\\r\\n\\r\\n    color: #fff;\\r\\n    font-size: 20px;\\r\\n\\r\\n    /* 去除點擊時外圍的藍色框框，與border不同處於outline，border並不佔空間 */\\r\\n    /* outline: none; */\\r\\n}\\r\\n\\r\\n.bg-orange {\\r\\n    background-color: orange;\\r\\n}\\r\\n.bg-light {\\r\\n    background-color: #777;\\r\\n}\\r\\n.bg-gray {\\r\\n    background-color: #333;\\r\\n}\\r\\n\\r\\n/* 以上為預設程式碼 0.0000002255553553 0.00000001409720510.0000000281944111*/\\r\\nbutton:active{\\r\\n    transform: scale(2,2);\\r\\n}\\r\\n.bg-orange:hover{\\r\\n    background-color: #FFCCCC;\\r\\n}\\r\\n.bg-light:hover{\\r\\n    background-color: #BBFFEE;\\r\\n}\\r\\n.bg-gray:hover{\\r\\n    background-color: #CCCCFF;\\r\\n}\\r\\n\\r\\n\\r\\n\",\"js\":\"$('button').click(clicked);\\nfunction clicked() {\\n    //將點擊的按鈕資料存到變數\\n    var char = $(this).text();\\n    // console.log(char);\\n\\n    var result;\\n    var screen_val = $('p').text();\\n\\n   \\nif (char == 'C') {\\n        result = '';\\n    } else if (char == 'del') {\\n        result = screen_val.slice(0, screen_val.length - 1);\\n   }else if (char == '=') {\\n        try {\\n            result = eval(screen_val);\\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == '4-5+') {\\n        try {\\n            result = Math.round(eval(screen_val));\\n            \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == 'sqrt') {\\n        try {\\n            result = Math.sqrt(eval(screen_val));\\n            \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == 'floor') {\\n        try {\\n            result = Math.floor(eval(screen_val));\\n            \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == 'cos') {\\n        try {\\n            result = Math.cos(eval(screen_val));\\n             \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == 'code') {\\n        try {\\n            \\n             $('code').text('view-source:https://sb.koding.school/projects/qmds8w34v/');\\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == 'abs') {\\n        try {\\n            result = Math.abs(eval(screen_val));\\n             \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == 'ceil') {\\n        try {\\n            result = Math.ceil(eval(screen_val));\\n             \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   }else if (char == 'toString') {\\n        try {\\n            result = toString(eval(screen_val));\\n             \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   \\n   }else if (char == 'toExponential') {\\n        try {\\n            result = toExponential(eval(screen_val));\\n             \\n        } catch (e) {\\n            $('p').text('計算錯誤');\\n            alert(e)\\n        }\\n   \\n             \\n        $('code').text('view-source:https://sb.koding.school/projects/qmds8w34v/');\\n        \\n        \\n             \\n        \\n        \\n    \\n    }else {\\n        result = screen_val + char;\\n    }\\n\\n\\n    $('p').text(result);\\n}\\n//$('button').click(clicked);\\nfunction Browser(){\\n    var isFirefox = navigator.userAgent.match(\\\"Firefox\\\") //判斷是否為 FireFox\\n     var isIE = (/Trident\\\\/7\\\\./).test(navigator.userAgent);\\n     var isOpera = navigator.userAgent.match(\\\"Opera\\\") //判斷是否為 Opera\\n     var isSafari = navigator.userAgent.match(\\\"Safari\\\") //判斷是否為 Safari 或 Google Chrome\\n    if (isIE) {\\n        alert(\\\"你使用的是IE\\\")\\n    }\\n    if (isFirefox) {\\n        alert(\\\"你使用的是FireFox\\\")\\n    }\\n    if (isOpera) {\\n        alert('你使用的是Opera');\\n    }\\n    if (isSafari) {\\n        alert(\\\"你使用的是Chrome或Safari，建議用其他瀏覽器\\\");\\n    }         \\n}\\n\\n\\n\\n\\n\\n\"}","created_at":"2021-01-27T19:06:11.570+08:00","updated_at":"2021-02-07T10:36:14.833+08:00","name":"實用計算機 副本","language":"web","screenshot":{"url":"/uploads/project/screenshot/223423/fe4ca50758a3a03023626b5e6e7f5842.jpg"},"parent_id":71554,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":217,"hashid":"qmds8w34v","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}