匯率計算機 | Programming Project | OrangeApple Learning Platform

{"id":138244,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv class=\\\"container\\\"\u003e\\n        \u003ch1\u003e匯率計算機\u003c/h1\u003e\\n        \u003cdiv class=\\\"form-control\\\"\u003e\\n            \u003cinput id=\\\"ntd\\\" autocomplete=\\\"off\\\"\u003e\\n            \u003cspan\u003e台幣 (NTD)\u003c/span\u003e\\n        \u003c/div\u003e\\n        \u003c!-- \u003cbutton id=\\\"ntd-btn\\\"\u003e換算\u003c/button\u003e --\u003e\\n        \u003cdiv class=\\\"form-control\\\"\u003e\\n            \u003cinput id=\\\"jpy\\\" autocomplete=\\\"off\\\"\u003e\\n            \u003cspan\u003e日幣 (JPY)\u003c/span\u003e\\n        \u003c/div\u003e\\n        \u003c!-- \u003cbutton id=\\\"jpy-btn\\\"\u003e換算\u003c/button\u003e --\u003e\\n        \u003cdiv class=\\\"form-control\\\"\u003e\\n            \u003cinput id=\\\"usd\\\" autocomplete=\\\"off\\\"\u003e\\n            \u003cspan\u003e美元 (USD)\u003c/span\u003e\\n        \u003c/div \u003e\\n        \u003c!-- \u003cbutton id=\\\"usd-btn\\\"\u003e換算\u003c/button\u003e --\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\".container {\\n    width: 300px;\\n    margin: auto;\\n    color: #555555;\\n}\\n\\n.form-control {\\n    position: relative;\\n    margin-top: 40px;\\n}\\n\\nspan {\\n    position: absolute;\\n    top: 0px;\\n    left: 5px;\\n    height: 40px;\\n    line-height: 40px;\\n    color: #777777;\\n    font-size: 14px;\\n    transition: all 0.3s;\\n}\\n\\ninput {\\n    height: 40px;\\n    width: 100%;\\n    padding: 5px;\\n    box-sizing: border-box;\\n    border-width:  0px;\\n    border-bottom: 1px solid #777777;\\n    font-size: 16px;\\n    outline: none;\\n    text-align: right;\\n    transition: all 0.3s;\\n}\\n\\ninput:focus {\\n    background-color: #eee;\\n    border-bottom-color: royalblue;\\n}\\n\\ninput:focus + span {\\n    top: -35px;\\n    color: royalblue;\\n}\",\"js\":\"$('#ntd-btn').click(ntd_to_else);\\n$('#jpy-btn').click(jpy_to_else);\\n$('#usd-btn').click(usd_to_else);\\n\\n$('#ntd').keyup(ntd_to_else);\\n$('#jpy').keyup(jpy_to_else);\\n$('#usd').keyup(usd_to_else);\\n\\n// 台幣轉其他貨幣\\nfunction ntd_to_else () {\\n    var ntd = $('#ntd').val();\\n    var usd = ntd/29.2;\\n    var jpy = ntd*3.627;\\n    $('#usd').val(usd.toFixed(3));\\n    $('#jpy').val(jpy.toFixed(3));\\n}\\n\\n// 日幣轉其他貨幣\\nfunction jpy_to_else () {\\n    var jpy = $('#jpy').val();\\n    var ntd = jpy/3.627;\\n    var usd = jpy/107.46;\\n    $('#ntd').val(ntd.toFixed(3));\\n    $('#usd').val(usd.toFixed(3));\\n}\\n\\n// 美金美金轉其他貨幣\\nfunction usd_to_else () {\\n    var usd = $('#usd').val();\\n    var ntd = usd*29.2;\\n    var jpy = usd*107.46;\\n    $('#ntd').val(ntd.toFixed(3));\\n    $('#jpy').val(jpy.toFixed(3));\\n}\"}","created_at":"2020-03-30T20:28:25.673+08:00","updated_at":"2024-04-20T08:22:20.139+08:00","name":"匯率計算機","language":"web","screenshot":{"url":"/uploads/project/screenshot/138244/4bdacbd0a062b92a5c7ea3dafa51ef10.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":407,"hashid":"npmsv2y3","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}