ASCII | 程式專案 | 橘蘋學習平台

{"id":1188161,"student_id":90858,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n    \u003chead\u003e\\r\\n    \\t\u003ctitle\u003eASCII\u003c/title\u003e\\r\\n    \\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.4.1.min.js\\\"\u003e\u003c/script\u003e\\r\\n    \\t\u003cmeta charset=\\\"UTF-8\\\"\u003e\\r\\n    \\t\u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\r\\n    \\t\u003cstyle\u003e\\r\\n    \\t    body{\\r\\n                text-align: center;\\r\\n            }\\r\\n            input, textarea{\\r\\n                border-radius: 5px;\\r\\n                width: 165px;\\r\\n            }\\r\\n            textarea{\\r\\n                height: 100px;\\r\\n            }\\r\\n            #red {\\r\\n                color: red;\\r\\n                display: none;\\r\\n            }\\r\\n    \\t\u003c/style\u003e\\r\\n    \u003c/head\u003e\\r\\n    \u003cbody\u003e\\r\\n        \u003cdiv id='EN'\u003e\\r\\n            \u003ch3\u003e請輸入要轉換成二進位(ASCII)的文本\u003c/h3\u003e\\r\\n            \u003cinput id='en' placeholder=\\\"只能輸入英文/數字/半形符號\\\"\u003e\\r\\n            \u003cbutton id='enbt'\u003e翻譯\u003c/button\u003e\u003cbr\u003e\\r\\n        \u003c/div\u003e\\r\\n        \u003cdiv id='OII'\u003e\\r\\n            \u003ch3\u003e請輸入要轉換成文字的二進位(ASCII)\u003c/h3\u003e\\r\\n            \u003ctextarea id='oll'\u003e\u003c/textarea\u003e\\r\\n            \u003cbutton id='ollbt'\u003e翻譯\u003c/button\u003e\u003cbr\u003e\\r\\n        \u003c/div\u003e\\r\\n        \u003ch2 id='red'\u003e內含\u003cspen id='qua'\u003e\u003c/spen\u003e無法翻譯的字元：\u003cspen id='not'\u003e\u003c/spen\u003e\u003c/h2\u003e\\r\\n        \u003cscript\u003e\\r\\n            $('#enbt').click(en_to_oll);\\r\\n            $('#ollbt').click(oll_to_en);\\r\\n            $('#red').hide();\\r\\n            function en_to_oll(){\\r\\n                $('#red').hide();\\r\\n                $('#oll').val('');\\r\\n                $('#not').text('');\\r\\n                var user_input = $('#en').val().split('');\\r\\n                var qua = 0;\\r\\n                for(var i = 0; i \u003c user_input.length; i++){\\r\\n                    var q = user_input[i].charCodeAt();\\r\\n                    if(q\u003e255){\\r\\n                        qua += 1;\\r\\n                        $('#red').show();\\r\\n                        $('#oll').val('');\\r\\n                        var nott = $('#not').text(); \\r\\n                        $('#not').text(nott +`\u003c`+user_input[i]+`\u003e `);\\r\\n                        $('#qua').text(' '+qua+' 個');\\r\\n                    }else{\\r\\n                        var asc = '';\\r\\n                        for(var j = 0; j \u003c 8; j++){\\r\\n                            if(q\u003e=128/(2 ** j)){\\r\\n                                q -= (128/(2 ** j));\\r\\n                                asc += '1';\\r\\n                            }else{\\r\\n                                asc += '0';\\r\\n                            }\\r\\n                        }\\r\\n                        var ollo = $('#oll').val();\\r\\n                        if(i+1 == user_input.length){\\r\\n                            $('#oll').val(ollo + asc);\\r\\n                        }else{\\r\\n                            $('#oll').val(ollo + asc + '\\\\n');\\r\\n                        }\\r\\n                    }\\r\\n                }\\r\\n                if($('#not').text() !== ''){\\r\\n                    $('#oll').val('');\\r\\n                }\\r\\n            }\\r\\n            function oll_to_en (){\\r\\n                $('#not').text('');\\r\\n                $('#en').val('');\\r\\n                var user_input = $('#oll').val().split('\\\\n');\\r\\n                var qua = 0;\\r\\n                for(var i = 0; i \u003c user_input.length; i++){\\r\\n                    for(var j = 0; j \u003c user_input[i].length; j++){\\r\\n                        var x = user_input[i]; \\r\\n                        if(x[0] == ' '){\\r\\n                            user_input[i] = x.slice(1);\\r\\n                        }else if(x[x.length-1] == ' '){\\r\\n                            user_input[i] = x.slice(0, x.length-1);\\r\\n                        }\\r\\n                    }\\r\\n                    if(user_input[i].length == 0){\\r\\n                        var enn = $('#en').val();\\r\\n                        $('#en').val(enn + ' ');\\r\\n                    }else if(user_input[i].length == 8){\\r\\n                            var q = user_input[i];\\r\\n                        for(var j = 0; j \u003c 8;j++){\\r\\n                            if(q[j]!='0' \u0026\u0026 q[j]!='1'){\\r\\n                                qua += 1;\\r\\n                                $('#red').show();\\r\\n                                $('#en').val('');\\r\\n                                var nott = $('#not').text(); \\r\\n                                $('#not').text(nott +`\u003c`+user_input[i]+`\u003e `);\\r\\n                                $('#qua').text(' '+qua+' 串');\\r\\n                                break;\\r\\n                            }\\r\\n                        }\\r\\n                        var sum = 0;\\r\\n                        for(var j = 0; j \u003c 8;j++){\\r\\n                            if(q[j] == '1'){\\r\\n                                sum += 128/(2**j);\\r\\n                            }\\r\\n                        }\\r\\n                        var str = String.fromCharCode(sum);\\r\\n                        var enn = $('#en').val();\\r\\n                        $('#en').val(enn + str);\\r\\n                    }else{\\r\\n                        qua += 1;\\r\\n                        $('#red').show();\\r\\n                        $('#en').val('');\\r\\n                        var nott = $('#not').text(); \\r\\n                        $('#not').text(nott +`\u003c`+user_input[i]+`\u003e `);\\r\\n                        $('#qua').text(' '+qua+' 串');\\r\\n                    }\\r\\n                }\\r\\n                if(user_input.length == 1 \u0026\u0026 user_input[0] == ''){\\r\\n                    $('#en').val('');\\r\\n                }\\r\\n            }\\r\\n        \u003c/script\u003e\\r\\n    \u003c/body\u003e\\r\\n\u003c/html\u003e\",\"css\":\"\",\"js\":\"\"}","created_at":"2025-12-19T17:24:09.486+08:00","updated_at":"2026-01-08T10:47:25.000+08:00","name":"ASCII","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/1188161/dce20c1dfe4079c891c8329fe0943362.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[90858],"is_featured":false,"views":2,"hashid":"5j3sr3rv3","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}