英文單字王副本 | 程式專案

{"id":92072,"student_id":1780,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml\u003e\\r\\n\u003chead\u003e\\r\\n    \u003ctitle\u003eDocument\u003c/title\u003e\\r\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.4.1.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\u003cbody\u003e\\r\\n    \u003ch1\u003e連續答對 0 題\u003c/h1\u003e\\r\\n    \u003ch2\u003e??\u003c/h2\u003e\\r\\n    \u003cbutton id=\\\"a\\\" class=\\\"blue\\\"\u003e?\u003c/button\u003e\\r\\n    \u003cbutton id=\\\"b\\\" class=\\\"blue\\\"\u003e?\u003c/button\u003e\\r\\n    \u003cbutton id=\\\"c\\\" class=\\\"blue\\\"\u003e?\u003c/button\u003e\\r\\n    \u003cbutton id=\\\"d\\\" class=\\\"blue\\\"\u003e?\u003c/button\u003e\\r\\n    \u003cbutton id=\\\"next\\\" class=\\\"gold\\\"\u003e下一題\u003c/button\u003e\\r\\n\u003c/body\u003e\\r\\n\u003c/html\u003e\\r\\n\\r\\n\",\"css\":\"body {\\r\\n    text-align: center;\\r\\n}\\r\\nbutton {\\r\\n    display: block;\\r\\n    width: 80vw;\\r\\n    padding: 5px 10px;\\r\\n    border-width: 0px;\\r\\n    border-radius: 5px;\\r\\n    margin: 10px auto;\\r\\n    font-size: 25px;\\r\\n    color: white;\\r\\n}\\r\\n\\r\\n.blue {\\r\\n    background-color: #007bff;\\r\\n}\\r\\n.blue:hover {\\r\\n    background-color: #005bdf;\\r\\n}\\r\\n.red {\\r\\n    background-color: #dc3545;\\r\\n}\\r\\n.red:hover {\\r\\n    background-color: #bc1525;\\r\\n}\\r\\n.green {\\r\\n    background-color: #28a745;\\r\\n}\\r\\n.green:hover {\\r\\n    background-color: #088725;\\r\\n}\\r\\n.gold {\\r\\n    background-color: #ffc107;\\r\\n}\\r\\n.gold:hover {\\r\\n    background-color: #dfa107;\\r\\n}\\r\\n\\r\\n\",\"js\":\"var answer;\\r\\nvar answerBtn; // 儲存正確答案的按鈕\\r\\nvar points = 0;\\r\\n\\r\\nvar dict=[]\\r\\n$.get('https://orangeappletw.github.io/jsa-words/1000.json',function(data){\\r\\ndict=data \\r\\n\\r\\n// 預設執行產生題目\\r\\nquestion(); \\r\\n\\r\\n// 點擊下一題按鈕產生題目\\r\\n$('#next').click(question);\\r\\n\\r\\n// 產生題目\\r\\nfunction question () {\\r\\n\\r\\n var a=randomWord();\\r\\n var b=randomWord();\\r\\n var c=randomWord();\\r\\n var d=randomWord();\\r\\n $(\\\"#a\\\").text(a.zh);\\r\\n $(\\\"#b\\\").text(b.zh);\\r\\n $(\\\"#c\\\").text(c.zh);\\r\\n $(\\\"#d\\\").text(d.zh);\\r\\n \\r\\n var rand =Math.random()*4;\\r\\n if(rand \u003c 1){\\r\\n     answer=a;\\r\\n     answerBtn =$('#a');\\r\\n }else if (rand \u003c 2){\\r\\n     answer=b;\\r\\n     answerBtn =$('#b');\\r\\n }else if (rand \u003c 3){\\r\\n     answer=c;\\r\\n     answerBtn =$('#c');\\r\\n }else{\\r\\n     \\r\\n     answer=d;     \\r\\n     answerBtn =$('#d');\\r\\n }\\r\\n \\r\\n $('h2').text(answer.en)\\r\\n  $(\\\"#a,#b,#c,#d\\\").addClass(\\\"blue\\\");\\r\\n  $(\\\"#a,#b,#c,#d\\\").removeClass(\\\"green red\\\");\\r\\n  $('#next').hide(); \\r\\n \\r\\n \\r\\n}\\r\\n\\r\\n\\r\\n});\\r\\n \\r\\n \\r\\nfunction randomWord(){\\r\\n var rand=Math.random() * dict.length;\\r\\n rand=Math.floor(rand);\\r\\n return dict[rand]  ; \\r\\n    \\r\\n} \\r\\n\\r\\n\\r\\n$(\\\"#a,#b,#c,#d\\\").click(function(){\\r\\n\\r\\n\\r\\nif ($(this).text()!=answer.zh){\\r\\n    $(this).removeClass(\\\"blue\\\");\\r\\n    $(this).addClass(\\\"red\\\");\\r\\n    $('h1').text(\\\"連續答對0題\\\")\\r\\n    points=0;\\r\\n}else  { \\r\\n    \\r\\n    points+=1;\\r\\n    $('h1').text(\\\"連續答對\\\"+(points)+\\\"題\\\")\\r\\n   \\r\\n        \\r\\n}\\r\\n\\r\\n\\r\\n   answerBtn.removeClass(\\\"blue\\\");\\r\\n   answerBtn.addClass(\\\"green\\\");\\r\\n   $('#next').show(); \\r\\n \\r\\n})\\r\\n\\r\\n    \"}","created_at":"2019-08-29T22:14:18.814+08:00","updated_at":"2019-10-16T18:31:55.445+08:00","name":"英文單字王 副本","language":"web","screenshot":{"url":"https://cdn6.koding.school/uploads/project/screenshot/92072/c3b56fa7fa690c74d6ed747aa1859841.jpg"},"parent_id":90234,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":118,"hashid":"meysy3mn","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}