05_色票產生器 | 程式專案

{"id":262737,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml lang=\\\"en\\\"\u003e\\r\\n\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003e色票產生器\u003c/title\u003e\\r\\n\\r\\n    \u003cstyle\u003e\\r\\n        h1 {\\r\\n            position: fixed; /* 固定元素，不會隨著頁面捲動而改變位置 */\\r\\n            top: 50%; /* 距離視窗上邊 50 % 的距離 */\\r\\n            left: 50%; /* 距離視窗左邊 50 % 的距離 */\\r\\n            transform: translate(-50%, -50%); /* 試著移除看看會花生什麼素情 */\\r\\n        }\\r\\n    \u003c/style\u003e\\r\\n\u003c/head\u003e\\r\\n\\r\\n\u003cbody\u003e\\r\\n    \u003ch1\u003e按下任意按鍵，產生隨機的顏色！\u003c/h1\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 randomColor() {\\r\\n            let r = Math.floor(Math.random() * 256);\\r\\n            let g = Math.floor(Math.random() * 256);\\r\\n            let b = Math.floor(Math.random() * 256);\\r\\n\\r\\n            // document.querySelector('body').style = `background-color: rgb(${r}, ${g}, ${b});`;\\r\\n            $('body').css(\\\"background-color\\\", `rgb(${r}, ${g}, ${b})`);\\r\\n            // document.querySelector('h1').innerText = `rgb(${r}, ${g}, ${b})`;\\r\\n            $('h1').text(`rgb(${r}, ${g}, ${b})`);\\r\\n        }\\r\\n\\r\\n        // document.querySelector('body').addEventListener('keypress', randomColor);\\r\\n        $('body').keypress(randomColor);\\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:28:13.682+08:00","updated_at":"2021-06-18T12:28:45.547+08:00","name":"05_色票產生器","language":"web","screenshot":{"url":"https://cdn6.koding.school/uploads/project/screenshot/262737/7b37865e3dfba0043a7146c3cfefdf38.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":30,"hashid":"36ysmrrgw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}