个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
有人可以检查一下我是否走在正确的轨道上，这是我在我的第一个网络应用程序中的尝试，我一直在尝试不同的方法，但每次我进行到一半时都会发现我在让事情变得复杂，所以这次我编写伪代码并使用它作为指导来帮助我实现我的目标，我只需要知道我的方法是否正确:
这是我的 html:
<body>
<div class="container">
<div id="quiz">
<h3 class="question"></h3> display question
<p class="choices"></p> display choices
</div>
</div>
这是数组:
var questions = [{
question: "What is my Favourite Movie?",
choices: ["The Matrix", "Star Wars", "The Godfather", "Django: Unchained"],
correctAnswer: 0
}, {
question: "What was my Dream Job when I was a mere child?",
choices: ["Programmer", "Footballer", "Super Hero", "Zoologist"],
correctAnswer: 2
}, {
question: "How long did it take me to make this Web Application?",
choices: ["12hours", "6 hours", "7hours", "10hours"],
correctAnswer: 3
}, {
question: "Why have I built this Web Application?",
choices: ["Boredom", "Display my Programming Skills", "Somebodys request", "......"],
correctAnswer: 1
}, {
question: "Which Musical Instrument do I play?",
choices: ["Bongos", "Piano", "Trumpet", "Harmonica"],
correctAnswer: 0
}];
这是我的伪代码:
1.显示第一个问题和第一组选择对于这个问题
2.当用户单击一个选择时:if 选择===正确答案加一分
其他什么也不做？
如果当前问题 < Question.length然后转到下一个问题和一组选择，
其他
消息警报(“您已到达测验结束”)；你得到了正确的答案；//显示分数:
这看起来是正确的计划吗？
非常感谢所有帮助:)
最佳答案
存储为问题的对象数组看起来不错。
一种可能且更现实的方法是将对象数组保存为此处的 json 文件:myjson.com，然后通过 AJAX 请求调用它。
如果您决定采用该路线，则必须在 question 键和 CorrectAnswer 键及其相应的值周围加上引号，以便选择它为“json”。
正确保存后，它将为您提供一个 api url 端点。您将需要它来进行 AJAX 调用。
您也可以只拥有一个简单的index.html 文件，如下所示:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="quizstyle.css">
</head>
<body>
<div id="output"></div>
<script src="script.js" type="text/javascript"></script>
</body>
</html>
然后在你的 script.js 文件中:
var output = document.getElementById('output');
// this allows us to keep it as a global value
var myObj = '';
page = 0;
loadQuestions();
function loadQuestions() {
// http request
// this will allow you to pull in
// the questions from the api that
// your questions or data is stored in
var a = new XMLHttpRequest();
a.open("GET", "<api-url-endpoint>", true); // opened request with address with
a.onreadystatechange = function(){
if (a.readyState == 4) {
myObj = JSON.parse(a.responseText);
page = 1;
buildQuiz(1);
}
}
a.send();
}
function buildQuiz(page){
for (var i in myObj) {
var myQuestion = myObj[page - 1].question;
var myCorrect = myObj[page - 1].question;
var questionHolder = '';
for(var i in myObj[page - 1].correctAnswer){
questionHolder += '<div class="col-sm-6">'
}
console.log();
}
}
您将需要使用 for..in 循环，而不是按照规范在“伪代码”部分中建议的方式使用 for 循环。
关于javascript - 创建 JavaScript 测验应用程序(伪代码)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38688863/
25
4
0
如标题所示，我正在寻找有关伪/冒号 header 字段用途的一些信息，即我想知道为什么我们有第二种类型的 header 字段... 另外 - 我知道在 http2 中使用伪/冒号 header 字段代
(伪)多线程：借助外力 利用WEB服务器本身的多线程来处理，从WEB服务器多次调用我们需要实现多线程的程序。 QUOTE: 我们知道PHP本身是不支持多线程的, 但是我们的WEB服务器是支持多线程的
您如何在 HDL (verilog) 中实现硬件随机数生成器？ 需要考虑哪些选项？ 这个问题是在self-answer之后格式。鼓励添加答案和更新。 最佳答案 正如摩根的回答中所指出的，这只会产生一个
我写了这个CSS: div { width: 500px; height:150px; margin-left:150px; background: lightblue; } div:
这是我要解决的问题：从数据库A读取一个字符串，将该字符串转换为Date对象，将Date对象存储到数据库B中。 例）数据库A：从数据库A读入日期字符串“ 2015-03-08 02:00:00”，转换为
我想创建 std::fscanf() 的 sibling (我知道这是一个 C 函数)。所以，我的界面是这样的: template std::size_t ts_scanf(is, format,
运行 PostgreSQL 7.x(是的，我正在升级) 问题: 如果没有返回数据，我有三到四个字段需要设置。 正在考虑这样的事情 SELECT CASE WHEN default_fie
出于某种原因，我很难在 JS 中为我的游戏执行以下代码: 假设我们要求用户在棋盘上移动一个棋子。他们可以做的位置是位置A、位置B或位置C。每个位置一次只能容纳一件。否则为无效移动。 第一个用户决定
我已经毫无问题地编写了霍夫曼树的代码，但现在我希望在文件和树中添加伪 EOF，以便我知道何时停止从文件中读取。 我完全掌握了伪 EOF 的概念。我还了解到没有 ASCII 值 > 255 的字符。 我
给定一个按钮 ::after 当被触发时，伪 :after 类需要有一个类 search-active 切换，为按钮设置背景颜色 .primary .search:after, .primary
我想让第一行的文本像第二行一样缩进 (50px)。有什么办法吗？非常感谢! body{ counter-reset: h2counter; } h1{ counter-reset: h2counter
:before 或 :after 这样的伪元素是否可以从父元素的不同属性继承值？ 在我的例子中，我有一个第三方组件设置其元素运行时的背景颜色...我需要继承该颜色并将其设置为伪元素的边框颜色。 最佳答
在并行循环中请求随机数总是返回相同的伪随机数。我怎样才能避免这种情况？ % workers initialization: if matlabpool('size') == 0 matlabp
假设最大IP可以包含每个“点”括号中的最大数量999，即999.999.999.999 是最大的可用值。 我已经在计算器中检查了正则表达式 ([0-9]+.){3}[0-9]。那么，为什么程序抛出运行
我对随机数生成的概念非常陌生，我需要为用c编写的工作创建自己的算法（内置的随机数生成器对我不起作用）。 有人能给我介绍一个很好的主题，这样我就可以理解这个概念了吗？到目前为止，我所发现的一切似乎都是用
假设我有一个数字序列:{n, n+1, n+2, ... n+m} 在不提前存储数字的情况下，我想创建一个函数 f()，给定序列 {1,2,3,...m} 将以随机(或至少伪)的方式吐出原始集合随机)
什么是伪 tcp channel ，如何实现？ 最佳答案 伪 TCP 是一种协议(protocol)，它实现了 TCP 的一些思想，以通过不可靠的、基于数据包的接口(interface)提供可靠的数据
我正在尝试展开一些嵌套循环，以牺牲内存为代价(可能)获得更好的性能。在我的场景中，我最终会得到一个包含大约 3 亿个元素(元组)的列表，我必须以(或多或少)随机顺序产生这些元素。 在这个数量级上，ra
如何在 PHP 中生成(伪)随机字母数字字符串，例如:'d79jd8c'？ 最佳答案 首先创建一个包含所有可能字符的字符串: $characters = 'abcdefghijklmnopqrstu
我有一段代码可以为玩家生成迷你任务。这很简单，要获得两个不同的点(起点和终点)，我有一个如下所示的算法: std::vector missions; missions.push_bac
我是一名优秀的程序员,十分优秀！