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

{"id":92255,"student_id":1885,"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.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\\n// 預設執行產生題目\\r\\n\\r\\nvar dict=[];\\r\\n$.get('https://orangeappletw.github.io/jsa-words/1000.json',function(data){\\r\\n \\r\\ndict=data ;\\r\\n\\r\\n$('#next').click(question);\\r\\n\\r\\nquestion();   \\r\\n//console.log(dict);\\r\\n\\r\\n// 點擊下一題按鈕產生題\\r\\n// 產生題目\\r\\nfunction question () {\\r\\n   var rand=Math.random()*dict.length;\\r\\n   rand=Math.floor(rand);\\r\\n   var a=dict[rand];\\r\\n   $(\\\"#a\\\").text(a.zh);\\r\\n   \\r\\n   rand=Math.random()*dict.length;\\r\\n   rand=Math.floor(rand);\\r\\n   var b=dict[rand];\\r\\n   $(\\\"#b\\\").text(b.zh);\\r\\n   \\r\\n   rand=Math.random()*dict.length;\\r\\n   rand=Math.floor(rand);\\r\\n   var c=dict[rand];\\r\\n   $(\\\"#c\\\").text(c.zh);\\r\\n   \\r\\n   rand=Math.random()*dict.length;\\r\\n   rand=Math.floor(rand);\\r\\n   var d=dict[rand];\\r\\n   $(\\\"#d\\\").text(d.zh);\\r\\n   \\r\\n   var rand2=Math.random()*4;\\r\\n   if(rand2\u003c1){\\r\\n       answer=a;\\r\\n       answerBtn=$('#a');\\r\\n }else if(rand2\u003c2){\\r\\n       answer=b;\\r\\n       answerBtn=$('#b');\\r\\n   }else if(rand2\u003c3){\\r\\n       answer=c;\\r\\n       answerBtn=$('#c');\\r\\n   }else {\\r\\n       answer=d;\\r\\n       answerBtn=$('#d');\\r\\n   }\\r\\n   $('h2').text(answer.en);\\r\\n  }\\r\\n\\r\\n\\r\\nfunction randomWord(){\\r\\n  \\r\\n}\\r\\n\\r\\n\\r\\n});\\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$(\\\"#a,#b,#c,#d\\\").click(function(){\\r\\n   if($(this).text()!=answer.zh){\\r\\n       $(this).removeClass(\\\"blue\\\");\\r\\n       $(this).addClass(\\\"red\\\");\\r\\n   }\\r\\n  answerBtn.removeClass(\\\"blue\\\");\\r\\n   answerBtn.addClass(\\\"green\\\");\\r\\n   $('#next').show();\\r\\n});\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\"}","created_at":"2019-08-31T10:02:45.829+08:00","updated_at":"2019-10-27T15:49:09.254+08:00","name":"英文單字王 副本","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/92255/275aa014f60c17c875add498cf0ae425.jpg"},"parent_id":90234,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":83,"hashid":"jzmsdqzk","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}