jQuery實現的測試答題功能

2022-10-10 11:00:14 字數 652 閱讀 4881

檢視演示

html

首先載入jquery庫檔案和quiz.js以及所需的css樣式檔案styles.css。

rel="stylesheet" href="styles.css" /> 

然後在需要放置測試題的位置加入div#quiz-container。

id="quiz-container">

jquery

首先,我們定義題目和答案選項,question是題目,answers是答案選項,correctanswer是正確答案。可以看出定義的init是乙個json資料格式。

var init=,,,]}; 

$(function()); 

}); 

那麼,要修改定製測試題樣式布局,可以到quiz.js和styles.css兩檔案中做適當修改。

疑問到這裡,細心的朋友就會發現,問題來了:

1、直接將題目的正確答案標記在js**中,是不是不安全?正規的測試專案答案是不是應該在後台判斷,以免有人檢視源**直接獲取正確答案。

2、如何與後台互動?比如測試答題前先驗證身份,答題完後將結果傳送給後台。

python實現使用者答題功能

python實戰,使用者答題分享給大家。主要包含內容,檔案的讀取,更改,儲存。不同資料夾引入模組。輸入,輸出操作。隨機獲取資料操作 隨機生成算數表示式,使用者輸入答案,正確記錄分數,錯誤返回0,並把使用者分數記錄到文字檔案中,如使用者名稱不存在著新建使用者 mypythonfunction.py包含...

jQuery瀏覽器功能測試support

瀏覽器功能測試模組是其他模組的基礎。一般解決瀏覽器不相容問題有兩種方式 瀏覽器嗅覺和瀏覽器功能測試。jquery.support 有34個測試項,包括dom測試 15個 樣式測試 3個 事件測試 4個 ajax測試 2個 盒模型測試 10個 檢視測試項的結果 leadingwhitespace tr...

jquery實現全選 反選功能

如何利用jquery是先簡單的全選反選功能 首先我們需要載頁面中引入jquery jquery 3.4.1.min.js script 然後我們需要引入input標籤 全選 checkbox id checkall 反選 checkbox id checkother checkbox li chec...