抽獎抽籤神器副本 | 程式專案

{"id":349165,"student_id":3795,"content":"{\"html\":\"\u003chtml lang=\\\"en\\\"\u003e\\n\u003chead\u003e\\n    \u003cmeta charset=\\\"UTF-8\\\"\u003e\\n    \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\n    \u003cmeta http-equiv=\\\"X-UA-Compatible\\\" content=\\\"ie=edge\\\"\u003e\\n    \u003cscript src=\\\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\\\"\u003e\u003c/script\u003e\\n    \u003ctitle\u003e抽獎抽籤神器\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cimg src=\\\"ok.png\\\" id=\\\"img-ok\\\"\u003e\\n    \u003cimg src=\\\"shake.gif\\\" id=\\\"img-shake\\\"\u003e\\n    \u003ch1 id=\\\"result\\\"\u003e抽獎抽籤神器\u003c/h1\u003e\\n    \u003ch1 id=\\\"process\\\"\u003e\u003c/h1\u003e\\n    \u003ctextarea id=\\\"textarea\\\" placeholder=\\\"抽獎抽籤內容(使用換行分開不同項目)\\\"\u003e\u003c/textarea\u003e\\n    \u003cbutton id=\\\"ran\\\"\u003e隨機文字產生器！\u003c/button\u003e\\n    \u003cbutton id=\\\"start\\\"\u003e開抽！\u003c/button\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    padding: 60px;\\n    /*內距*/\\n    text-align: center;\\n    /*置中*/\\n}\\nimg {\\n    height: 200px;\\n}\\ntextarea {\\n    display: block;\\n    height: 100px;\\n    width: 298px;\\n    padding: 10px;\\n    margin: 5px auto;\\n    font-size: 16px;\\n    border: 2px solid #f2ef96;\\n    border-radius: 5px;\\n}\\nbutton {\\n    width: 324px;\\n    padding: 5px;\\n    margin: 5px auto;\\n    /*auto:左右間距*//*margin:外距*/\\n    font-size: 20px;\\n    color: #fff;\\n    border-width: 0px;\\n    border-radius: 5px;\\n    background-color: #b83423;\\n    display: block;\\n    cursor: pointer;\\n}\\nbutton:hover {\\n    background-color: #f02424;\\n}\",\"js\":\"$('#img-shake').hide();\\n$('#start').on('click', getContent);\\n$('#ran').on('click', putList);\\nvar list = [\\\"漢堡\\\", \\\"薯條\\\", \\\"可樂\\\", \\\"洋芋片\\\", \\\"鹹酥雞\\\", \\\"糖果\\\", \\\"御飯糰\\\", \\\"蛋糕\\\", \\\"巧克力\\\", \\\"麵包\\\", \\\"珍珠奶茶\\\"]\\nfunction getContent() {\\n    var content = $('#textarea').val();\\n    var options = content.split('\\\\n');\\n    console.log(options)\\n    var num = Math.floor(Math.random() * options.length);\\n\\n    $('#img-shake').show();\\n    $('#img-ok').hide();\\n    $('#result').text('等待開獎結果......!');\\n    setTimeout(function() {\\n        $('#img-shake').hide();\\n        $('#img-ok').show();\\n        $('#result').text('開獎結果：'+ options[num]);\\n    }, 3000);\\n}\\nfunction putList() {\\n    var s = \\\"\\\";\\n    for (var i = 0; i \u003c 4; i++) {\\n        s = s + list[Math.floor(Math.random()*list.length)]+\\\"\\\\n\\\"\\n    }\\n    s = s.slice(0, s.length-1);\\n    $('#textarea').val(s);\\n}\"}","created_at":"2022-02-26T10:39:14.528+08:00","updated_at":"2023-02-26T11:38:55.670+08:00","name":"抽獎抽籤神器 副本","language":"web","screenshot":{"url":null},"parent_id":69468,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[3795],"is_featured":false,"views":28,"hashid":"yeysvwdj8","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}