sm/mmg
1
0
Fork 0
Code Issues Pull Requests Activity

streamlined the look

Browse Source
This commit is contained in:
Stephen McQuay 2013-04-23 23:06:24 -07:00
parent 6f3b856658
commit 37ae2cf663
3 changed files with 14 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
static/math.css
View File

@ -1,21 +1,7 @@
.number {
font-size: 100px;
height: 80px;
font-family: helvetica;
}
.question {
padding-left: 30px;
}
.answer {
padding-top: 30px;
}
#content {
padding-top: 30px;
}
.wrong {
background: red;
}

13
static/math.js
View File

@ -18,19 +18,24 @@ function deal_with_answer(e) {
"second": $("#second").text(),
"answer": $("#answer").val(),
};
console.log(data);
$.post("/api/v0/attempt/", data, function(d) {
if(d["status"]) {
$("#content").removeClass("wrong");
$("body").removeClass("wrong");
new_problem();
}
else {
$("#content").addClass("wrong");
$("body").addClass("wrong");
$("#answer").val("");
}
$("#answer").focus();
});
}
$(function() {
new_problem();
$("#check").click(deal_with_answer);
$("#answer").keypress(function(e) {
if( e.which == 13) {
deal_with_answer(e);
}
});
});

7
templates/index.html
View File

@ -7,14 +7,11 @@
</head>
<body>
<section id="content">
<div class="number question">
<span class="number" id="first">0</span>
<span class="number" id="operation">+</span>
<span class="number" id="second">0</span>
</div>
<div class="number answer">
<input id="answer" type="number" size="2" class="number"></div>
<input id="check" type="submit" name="check" value="check"/>
<div>
<input id="answer" type="number" size="2" class="number" autofocus />
</div>
</section>
<script src="/static/jquery-2.0.0.min.js"></script>