我是誰產生器 | Programming Project | OrangeApple Learning Platform

{"id":24413,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\" integrity=\\\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm\\\" crossorigin=\\\"anonymous\\\"\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.slim.min.js\\\" integrity=\\\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\" integrity=\\\"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\" integrity=\\\"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv class=\\\"text-center\\\"\u003e\\n        \u003ch1 class=\\\"js-result\\\"\u003e????????\u003c/h1\u003e\\n        \u003cbutton class=\\\"btn btn-primary btn-lg js-btn\\\"\u003e我是誰？\u003c/button\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    width: 100vw;\\n    height: 100vh;\\n    background-image: url(bg.jpg);\\n    background-position: center;\\n    background-size: cover;\\n}\\n\\nh1 {\\n    color: white;\\n}\\n\\ndiv {\\n    border: 5px solid red;\\n    position: fixed;\\n    top: 50%;\\n    left: 50%;\\n    transform: translate(-50%, -50%);\\n}\",\"js\":\"var stars = [\\\"金城武\\\", \\\"金城武a\\\", \\\"金城武b\\\", \\\"金城武c\\\", \\\"金城武d\\\"];\\nvar places = [\\\"台南1\\\", \\\"台南2\\\", \\\"台南3\\\", \\\"台南4\\\", \\\"台南5\\\"]\\n\\n$(\\\".js-btn\\\").click(makeStar);\\n\\nfunction makeStar () {\\n    var rand1 = Math.floor( Math.random()*5 );\\n    var rand2 = Math.floor( Math.random()*5 );\\n\\n    $('.js-result').text(places[rand1] + stars[rand2]);\\n};\"}","created_at":"2018-03-13T15:34:53.782+08:00","updated_at":"2019-10-20T23:21:50.817+08:00","name":"我是誰產生器","language":"web","screenshot":{"url":"/uploads/project/screenshot/24413/c156976bdf7052fc92a12461a49afde2.jpg"},"parent_id":24412,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":526,"hashid":"zpesr25e","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}