Web Design
Assignment 5/acura.htlm
Assignment 5/acura.html
Car Logo Quiz
Please pick the correct name for the logo
Assignment 5/Assignment 5-2.hmtl.html
Car Logo Quiz
Assignment 5/buttons.txt
buttons <button>Acura</button> <button>Honda</button> <button>Chevrolet</button> <button>Audi</button> <button>Buick</button> <button>Cadillac</button> <button>Chrysler</button> <button>Hyndai</button> <button>Infinity</button> <button>Jaguar</button> <button>Lexus</button> <button>Lincoln</button> <button>Mazda</button> <button>Mercedes</button> <button>Mitsubishi</button> <button>Pontiac</button> <button>Subaru</button> <button>Toyota</button> <button>Volkswagen</button>
Assignment 5/images/acura.jpg
Assignment 5/images/buick.jpg
Assignment 5/images/cadillac.jpg
Assignment 5/images/chevy.jpg
Assignment 5/images/chrysler.png
Assignment 5/images/honda.jpg
Assignment 5/images/hyndai.jpg
Assignment 5/images/infinity.jpg
Assignment 5/images/jaguar.jpg
Assignment 5/images/lexus.jpg
Assignment 5/images/licoln.png
Assignment 5/images/mazda.jpg
Assignment 5/images/mercedes.jpg
Assignment 5/images/mitsubishi.png
Assignment 5/images/pontiac.jpg
Assignment 5/images/subaru.jpg
Assignment 5/images/toyota.jpg
Assignment 5/images/volkswagen.jpg
Assignment 5/logo.js
var flashcards = [ {question: img src="images/acura.jpg" height="200px" align="center", answers: "Acura"} {question: img src="images/buick.jpg" height="200px" align="center", answers: "Buick"} {question: img src="images/chevy.jpg" height="200px" align="center", answers: "Chevrolet"} {question: img src="images/chrysler.png" height="200px" align="center", answers: "Chrysler"} {question: img src="images/honda.jpg" height="200px" align="center", answers: "Honda"} {question: img src="images/hyndai.jpg" height="200px" align="center", answers: "Hyndai"} {question: img src="images/infinity.jpg" height="200px" align="center", answers: "Infinity"} {question: img src="images/jaguar.jpg" height="200px" align="center", answers: "Jaguar"} {question: img src="images/lexus.jpg" height="200px" align="center", answers: "Lexus"} {question: img src="images/lincoln.png" height="200px" align="center", answers: "Lincoln"} {question: img src="images/mazda.jpg" height="200px" align="center", answers: "Mazda"} {question: img src="images/mercedes.jpg" height="200px" align="center", answers: "Mercedes"} {question: img src="images/mitsubishi.png" height="200px" align="center", answers: "Mitsubishi"} {question: img src="images/pontiac.jpg" height="200px" align="center", answers: "Pontiac"} {question: img src="images/subaru.jpg" height="200px" align="center", answers: "Subara"} {question: img src="images/toyota.jpg" height="200px" align="center", answers: "toyota"} {question: img src="images/volkswagen.jpg" height="200px" align="center", answers: "Volkswagen"} ] var index = 0; var counter = 0; var order = []; var map = []; var btnMap = [0, 1, 2, 3]; function nextButton() { if (index < flashcards.length-1) { index++ } } function prevButton() { if (index > 0) { index--; } } function buttonClicked(number){ if (flashcards[index].correct == number) { counter++ } } var logoQuiz = document.getElementsByClassName("flashcards.answers"); for(logoQuiz in logoQuiz) { logoQuiz[logoQuiz].onchange = function() { if(flashcards[this.dataset.question].was_correct==0){ if(flashcards[this.dataset.question].correct == this.value) { correct ++; flashcards[this.dataset.question].was_correct=1; } }else if(flashcards[this.dataset.question].correct != this.value){ correct --; flashcards[this.dataset.question].was_correct=0; } } function populateSequence(arr, length) { for (i = 0; i < length; i++) arr.push(i); } function shuffle(flashcards) { for (i = 0; i < flashcards.length; i++){ var j = Math.floor(Math.random() * flashcards.length); var temp = flashcards[i]; flashcards[i] = flashcards[j]; flashcards[j] = temp; } } function shuffleMap(indexOfAnswer) { shuffle(map); for (i = 0; i < map.length && map[i] != indexOfAnswer; i++); var temp = map[0]; map[0] = map[i]; map[i] = temp; } function check() { if (this.getAttribute("value") == answers[map[0]]) { score++; } }