2

HTML と JavaScript を使用して Web ページでクイズを作成しようとしています。各質問 (4 つの選択肢から選択) は個別の html ファイルですが、同じ JavaScript ファイルを使用して、入力された選択肢が正しいか間違っているかを評価します。

ただし、ユーザーが提供した正解の数を追跡してスコアを計算する方法を見つけるのに苦労しています。

JavaScript で静的または静的に似た変数を作成する方法はありますか? Cookie を含むソリューションも高く評価されます。

4

5 に答える 5

5

考えられる解決策の 1 つは、質問ファイルから HTML を親ページにロードし、その 1 つのページにクイズ全体を配置することです。こうすることで、質問ごとに異なるページを使用できるという柔軟性が得られますが、ブラウザーにとってはすべて 1 つのページになります。さらに、Javascript で作成または追跡された変数は、クイズ全体で保持されます。

.loadこれは、Jquery の関数を使用するとかなり簡単に実行できます。ページの中央に div があり、ナビゲートした HTML ページからコンテンツをロードします。

私がJavascriptに入って正解の数を変更するのは簡単だということを覚えておいてください。実際、その問題はどのクライアント側ソリューションにも存在します。これが楽しみ以上のものであり、正確さが重要である場合は、各質問の後に結果をサーバーに送り返すことをお勧めします。そうすれば、クイズをどのように実装しても、結果は最後に保持されます。

于 2012-08-14T14:18:57.787 に答える
2

http://www.electrictoolbox.com/jquery-cookies/をご覧ください。 これにより、Cookie を簡単に設定および読み取ることができます。

于 2012-08-14T14:15:54.193 に答える
1

クッキーにデータを残すことができます。ただし、ユーザーが Cookie を変更すると、より良い結果が得られる場合があります。このシナリオでは、セッションを使用することをお勧めします。クライアント側に保存するものは安全ではないためです。

ただし、xhr を使用して json 形式で質問を取得し、ブラウザーに表示して、トラックをメモリに保持することをお勧めします。

于 2012-08-14T14:20:09.987 に答える
0

HTML5 アプリケーションを開発している場合は、次のような DOM ストレージ機能を調査することをお勧めしlocalStorageますsessionStorage: https://developer.mozilla.org/en-US/docs/DOM/Storage

ここにいくつかの有用なリソース/情報があります:

http://ejohn.org/blog/dom-storage/

http://viralpatel.net/blogs/introduction-html5-domstorage-api-example/

http://msdn.microsoft.com/en-us/library/cc197062(v=vs.85).aspx

于 2012-08-14T14:20:48.950 に答える
0

最近は、ページの読み込みに頼るのではなく、これを 1 ページのアプリにすることに重点を置いています。これには、問題を解決するという利点があるだけでなく、ユーザーの応答性と速度が向上することも意味します。

ページ遷移を使用する必要があり、最新のブラウザーのみで作業することに満足している場合は、localStorageを調べてください。Cookie よりもはるかに使いやすく、柔軟性があります。シリアル化された JavaSCript オブジェクトと同じように機能します。

于 2012-08-14T14:22:42.853 に答える