$(function () {
window.activeScreen = 0;
window.answers = {};
- window.correctAnswers = {1: 'all', 4: 1, 7: 3, 10: 3};
+ window.correctAnswers = {1: 'all', 4: 0, 7: 0, 10: 1};
+ window.audioPlayer = null;
+
for (var i = 1; i <= 12; i++) {
$('#screen_' + i).html('<img src="p' + i + '.svg" />');
}
return false;
});
$("#next,#prev").on('click', function () {
- if($(this).next()){
- $.each(function(){
-
- });
+ let i;
+ if ($(this).is('#next')) {
+ for (i = window.activeScreen + 1; i <= 12; i++) {
+ if (window.correctAnswers[i] !== undefined && window.correctAnswers[i] !== null) {
+ setActiveScreen(i);
+ break;
+ }
+ }
+ }
+ if ($(this).is('#prev')) {
+ for (i = window.activeScreen - 3; i >= 1; i--) {
+ if (window.correctAnswers[i] !== undefined && window.correctAnswers[i] !== null) {
+ setActiveScreen(i);
+ break;
+ }
+ }
}
- setActiveScreen(window.activeScreen + 1);
- return false;
- });
- $("#retry").on('click', function () {
- window.answers = {};
- setActiveScreen(1);
return false;
});
+
$('#read').on('click', function () {
- setActiveScreen(window.activeScreen+1);
+ setActiveScreen(window.activeScreen + 1);
return false;
});
$('#listen').on('click', function () {
- setActiveScreen(window.activeScreen+1);
+ playAudio(window.activeScreen);
return false;
});
$("#closemore").hide();
return false;
});
- setActiveScreen(5);
+ setActiveScreen(1);
});
+function playAudio(screen) {
+ stopAudio();
+ window.audioPlayer = new Audio(screen + '.mp3');
+ window.audioPlayer.play();
+}
+
function setActiveScreen(i) {
+ stopAudio();
window.activeScreen = i;
$('body').attr('data-screen', i);
$('[data-screens]').each(function () {
updateScore();
}
+function stopAudio() {
+ try {
+ window.audioPlayer.pause();
+ } catch (e) {
+
+ }
+}
+
function updateScore() {
var s = 0;
$.each(window.answers, function (k, v) {
projects / Animations.git / commitdiff