tesrt | Programming Project | OrangeApple Learning Platform

{"id":265268,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml lang=\\\"en\\\"\u003e\\n\\n\u003chead\u003e\\n    \u003ctitle\u003e色票產生器\u003c/title\u003e\\n\\n    \u003cstyle\u003e\\n        h1 {\\n            position: fixed; /* 固定元素，不會隨著頁面捲動而改變位置 */\\n            top: 50%; /* 距離視窗上邊 50 % 的距離 */\\n            left: 50%; /* 距離視窗左邊 50 % 的距離 */\\n            transform: translate(-50%, -50%); /* 試著移除看看會花生什麼素情 */\\n        }\\n    \u003c/style\u003e\\n\u003c/head\u003e\\n\\n\u003cbody\u003e\\n    \u003ch1\u003e按下任意按鍵，產生隨機的顏色！\u003c/h1\u003e\\n\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.6.0.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript\u003e\\n        function randomColor() {\\n            let r = Math.floor(Math.random() * 256);\\n            let g = Math.floor(Math.random() * 256);\\n            let b = Math.floor(Math.random() * 256);\\n\\n            $('body').css('background-color', `rgb(${r}, ${g}, ${b})`);\\n            $('h1').text(`rgb(${r}, ${g}, ${b})`);\\n        }\\n        $('body').on('keypress', randomColor)\\n    \u003c/script\u003e\\n\\n\u003c/body\u003e\\n\\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-25T11:26:33.780+08:00","updated_at":"2021-06-25T11:26:54.831+08:00","name":"tesrt","language":"web","screenshot":{"url":"/uploads/project/screenshot/265268/1ef81514f760011a7fa6ce33267a0626.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":413,"hashid":"jzmsenj45","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}