Previous Question
Next Question
Submit Quiz
//Question1
//Define Variables
var onel, onebase, oneh
//Assigns Random Integers
onel = (Math.floor(Math.random()*5)+1)*5;
do {
onebase = Math.floor(Math.random()*5)+1;
oneh = Math.floor(Math.random()*3)+5;
}
while (onebase > oneh);
//find critical stress
oneleff = onel*12;
onek = 0.65;
oneE = 29000;
onearea = onebase*oneh;
oneI = onebase*oneh*oneh*oneh/12;
onePcr = (Math.PI*Math.PI*oneE*oneI)/(Math.pow(onek*oneleff,2));
onesigmacr = onePcr/onearea;
onePcr1 = (Math.PI*oneE*oneI)/(Math.pow(onek*oneleff,2));
onesigmacr1 = onePcr1/onearea;
oneI2 = onebase*oneh*onebase*onebase/12;
onePcr2 = (Math.PI*Math.PI*oneE*oneI2)/(Math.pow(onek*oneleff,2));
onesigmacr2 = onePcr2/onearea;
onePcr3 = (Math.PI*Math.PI*oneE*oneI)/(onek*Math.pow(oneleff,2));
onesigmacr3 = onePcr3/onearea;
//Answer Choices
onecorrectanswer = "\u03c3 = " + onesigmacr.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
oneanswer1 = "\u03c3 = " + onesigmacr1.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
oneanswer2 = "\u03c3 = " + onesigmacr2.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
oneanswer3 = "\u03c3 = " + onesigmacr3.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
//Place Answer Choices into Array
oneanswerchoices = [oneanswer1, oneanswer2, oneanswer3, onecorrectanswer];
//Randomize Answer Choices
do {
var indexa = Math.floor(Math.random()*oneanswerchoices.length);
var indexb = Math.floor(Math.random()*oneanswerchoices.length);
}
while (indexb == indexa);
do {
var indexc = Math.floor(Math.random()*oneanswerchoices.length);
}
while (indexc == indexa || indexc == indexb);
do {
var indexd = Math.floor(Math.random()*oneanswerchoices.length);
}
while (indexd == indexa || indexd == indexb ||
indexd == indexc);
onea = oneanswerchoices[indexa];
oneb = oneanswerchoices[indexb];
onec = oneanswerchoices[indexc];
oned = oneanswerchoices[indexd];
if (indexa == 3) {
onecorrectchoice = "a"
}
if (indexb == 3) {
onecorrectchoice = "b"
}
if (indexc == 3) {
onecorrectchoice = "c"
}
if (indexd == 3) {
onecorrectchoice = "d"
}
//Qeustion 1 Question
question1 = "1. Find the crical stress for a fixed-fixed column with and effective length of " + onel.toString() + " ft. and has a rectangular cross-section with a base of " + onebase.toString() + " in and a height of " + oneh.toString() + " in. Use E = 29000 ksi"
//Question2
//Define Variables
var twoL, twoP, twoh1, twoh2, twobase
//Assigns Random Integers
twoE1 = 30000;
twoE2 = 10000;
twoP = (Math.floor(Math.random()*10)+1)*5;
twoL = (Math.floor(Math.random()*3)+1)*5;
do {
twobase = Math.floor(Math.random()*5)+1;
twoh1 = Math.floor(Math.random()*3)+5;
twoh2 = Math.floor(Math.random()*3)+5;
}
while (twobase > twoh1+twoh2);
//find bending stress
twon = twoE1/twoE2;
twobase1 = twon*twobase;
twoc2 = ((twobase*twoh2*(twoh2/2))+(twobase1*twoh1*(twoh2+(twoh1/2))))/((twobase*twoh2)+(twobase1*twoh1));
twoc1 = twoh1+twoh2-twoc2;
twoht = twoh1+twoh2;
twoIt = (twobase*twoh2*twoh2*twoh2/12) + (twobase*twoh2*Math.pow(twoht-twoc2,2)) + (twobase1*twoh1*twoh1*twoh1/12) + (twobase1*twoh1*Math.pow(twoht-twoc1,2));
twoM = 12*twoP*twoL/4;
twosigma1 = twon*twoM*twoc1/twoIt;
twosigma2 = twoM*twoc2/twoIt;
twoM1 = twoP*twoL/4;
twosigma11 = twon*twoM1*twoc1/twoIt;
twosigma21 = twoM*twoc2/twoIt;
twosigma12 = twon*twoM*twoc1/twoIt;
twosigma22 = twoM1*twoc2/twoIt;
twosigma13 = twon*twoM1*twoc1/twoIt;
twosigma23 = twoM1*twoc2/twoIt;
//Answer Choices
twocorrectanswer = "\u03c3\u2081 = " + twosigma1.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi, \u03c3\u2082 = " + twosigma2.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
twoanswer1 = "\u03c3\u2081 = " + twosigma11.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi, \u03c3\u2082 = " + twosigma21.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
twoanswer2 = "\u03c3\u2081 = " + twosigma12.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi, \u03c3\u2082 = " + twosigma22.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
twoanswer3 = "\u03c3\u2081 = " + twosigma13.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi, \u03c3\u2082 = " + twosigma23.toFixed(1).replace(/\.?0+$/,"").toString() + " ksi";
//Place Answer Choices into Array
twoanswerchoices = [twoanswer1, twoanswer2, twoanswer3, twocorrectanswer];
//Randomize Answer Choices
do {
var indexa = Math.floor(Math.random()*twoanswerchoices.length);
var indexb = Math.floor(Math.random()*twoanswerchoices.length);
}
while (indexb == indexa);
do {
var indexc = Math.floor(Math.random()*twoanswerchoices.length);
}
while (indexc == indexa || indexc == indexb);
do {
var indexd = Math.floor(Math.random()*twoanswerchoices.length);
}
while (indexd == indexa || indexd == indexb ||
indexd == indexc);
twoa = twoanswerchoices[indexa];
twob = twoanswerchoices[indexb];
twoc = twoanswerchoices[indexc];
twod = twoanswerchoices[indexd];
if (indexa == 3) {
twocorrectchoice = "a"
}
if (indexb == 3) {
twocorrectchoice = "b"
}
if (indexc == 3) {
twocorrectchoice = "c"
}
if (indexd == 3) {
twocorrectchoice = "d"
}
//Question 2 Question
question2 = "2. Determine the maximum bending stress in both materials of the beam shown below this quiz where L = " + twoL.toString() + " ft, P = " + twoP.toString() + " kips, h1 = " + twoh1.toString() + " in, h2 = " + twoh2.toString() + " in, b = " + twobase.toString() + " in, E1 = 30,000 ksi, and E2 = 10,000 ksi."
//Question Slides
const myQuestions = [
{
question: question1,
answers: {
a: onea,
b: oneb,
c: onec,
d: oned
},
correctAnswer: onecorrectchoice
},
{
question: question2,
answers: {
a: twoa,
b: twob,
c: twoc,
d: twod
},
correctAnswer: twocorrectchoice
}
];
function buildQuiz() {
// we'll need a place to store the HTML output
const output = [];
// for each question...
myQuestions.forEach((currentQuestion, questionNumber) => {
// we'll want to store the list of answer choices
const answers = [];
// and for each available answer...
for (letter in currentQuestion.answers) {
// ...add an HTML radio button
answers.push(
`
`
);
}
// add this question and its answers to the output
output.push(
`
${currentQuestion.question}
${answers.join("")}
`
);
});
// finally combine our output list into one string of HTML and put it on the page
quizContainer.innerHTML = output.join("");
}
function showResults() {
// gather answer containers from our quiz
const answerContainers = quizContainer.querySelectorAll(".answers");
// keep track of user's answers
let numCorrect = 0;
// for each question...
myQuestions.forEach((currentQuestion, questionNumber) => {
// find selected answer
const answerContainer = answerContainers[questionNumber];
const selector = `input[name=question${questionNumber}]:checked`;
const userAnswer = (answerContainer.querySelector(selector) || {}).value;
// if answer is correct
if (userAnswer === currentQuestion.correctAnswer) {
// add to the number of correct answers
numCorrect++;
// color the answers green
answerContainers[questionNumber].style.color = "green";
} else {
// if answer is wrong or blank
// color the answers red
answerContainers[questionNumber].style.color = "red";
}
});
// show number of correct answers out of total
resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
}
function showSlide(n) {
slides[currentSlide].classList.remove("active-slide");
slides[n].classList.add("active-slide");
currentSlide = n;
if (currentSlide === 0) {
previousButton.style.display = "none";
} else {
previousButton.style.display = "inline-block";
}
if (currentSlide === slides.length - 1) {
nextButton.style.display = "none";
submitButton.style.display = "inline-block";
} else {
nextButton.style.display = "inline-block";
submitButton.style.display = "inline-block";
}
}
function showNextSlide() {
showSlide(currentSlide + 1);
}
function showPreviousSlide() {
showSlide(currentSlide - 1);
}
const quizContainer = document.getElementById("quiz");
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
// display quiz right away
buildQuiz();
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
showSlide(0);
// on submit, show results
submitButton.addEventListener("click", showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
Quiz Image 
You must be logged in to post a comment.