Difference between revisions of "Team:Purdue/Quiz"

 
(84 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Purdue}}
+
{{:Team:Purdue/NavBar}}
 +
<html>
  
  
−
<html>
+
<!-- TODO: add pictures to the questions -->
  
−
<body>
+
<head>
 +
 +
<style>
 +
#body{
 +
text-align: center;
 +
}
  
 +
#HQ_page p
 +
{font-size:18px;
 +
}
  
−
<h1 id = "questionNumber> Question 1 </h1>
+
</style>
−
<p id="question"> Men can also get yeast infections? </p>
+
</head>
−
<button id="yes" onclick="yesAnswer(counter)"> Yes </button>
+
 
−
<button id="no" onclick="noAnswer(counter)"> No </button>
+
<body>
 +
<div class="spacer-small"></div>
 +
<div class="spacer-small"></div>
 +
<div style="display:flex;justify-content:center;">
 +
<table style="border-style:solid;border-width:2px;width:1200px;height:800px;">
 +
<tr>
 +
<td>
 +
<div class="basic-page-body" id="body" >
 +
<h1 id = "questionNumber"> Question 1 </h1>
 +
<p id="question" style="font-size:24px;text-align:center;"> Men can also get yeast infections? </p>
 +
<div class="clear"></div>
 +
<div class="clear"></div>
 +
<button id="yes" class="btn btn-warning" style="Width:49%;" onclick="correct=yesAnswer(counter,correct)"> Yes </button>
 +
<button id="no" class="btn btn-warning" style="Width:49%;" onclick="correct=noAnswer(counter,correct)"> No </button>
 
<h2 id="Commentary"></h2>
 
<h2 id="Commentary"></h2>
 
<div class="clear"></div>
 
<div class="clear"></div>
 
<div class="clear"></div>
 
<div class="clear"></div>
 
<div class="clear"></div>
 
<div class="clear"></div>
 +
<div style="border-style:solid;visibility:hidden;" id="button">
 
<p id="Description"></p>
 
<p id="Description"></p>
−
<button style="visibility:hidden;" onclick="counter=nextQuestion(counter)" id="button">Next Question</button>
+
<div class="spacer-small" ></div>
−
 
+
<button style="Width:59%;" class="btn btn-warning" onclick="counter=nextQuestion(counter)" id="btn" >Next Question</button>
 +
<div class="clear"></div>
 +
<div class="clear"></div>
 +
</div>
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 
<script>
 
<script>
 
var counter=0;
 
var counter=0;
 +
var correct=0;
  
−
function yesAnswer(cnt){
+
var question1=1;
−
  if(cnt==0){
+
var question2=1;
−
  document.getElementById("Commentary").innerHTML="Correct!";
+
var question3=1;
−
  document.getElementById("Description").innerHTML="Up to god knows how many men get diagnosed with testicular yeast infections per year.";
+
var question4=1;
−
  document.getElementById("button").style.visibility = "visible";
+
var question5=1;
 +
var divi = document.createElement("div");
 +
function createLink(url,desc,p){
 +
        link = document.createElement("a");
 +
        link.href=url;
 +
        link.innerHTML= desc;
 +
        link.target= "_blank";
 +
        p.appendChild(link);
 +
        divi.appendChild(p);
 +
 
 +
}
  
−
}
+
function questionReset(question,number){
−
else{
+
document.getElementById("questionNumber").innerHTML= number;
−
document.getElementById("Commentary").innerHTML="Oops!";
+
document.getElementById("question").innerHTML= question;
−
}
+
document.getElementById("button").style.visibility="hidden";
−
return;
+
document.getElementById("Commentary").innerHTML="";
 +
document.getElementById("Description").innerHTML="";
 +
                document.getElementById("yes").style.visibility="visible";
 +
                document.getElementById("no").style.visibility="visible";
 
}
 
}
  
−
function noAnswer(cnt){
 
  
−
if(cnt==0){
+
 
−
  document.getElementById("Commentary").innerHTML="Incorrect";
+
function yesAnswer(cnt,numCorrect){
−
  document.getElementById("Description").innerHTML="Up to god knows how many men get diagnosed with testicular yeast infections per year.";
+
// First Question Answer
−
  document.getElementById("button").style.visibility = "visible";
+
  if(cnt==0){
−
}
+
                document.getElementById("yes").style.visibility="hidden";
−
else{
+
                document.getElementById("no").style.visibility="hidden";
−
document.getElementById("Commentary").innerHTML="Oops!";
+
document.getElementById("Commentary").innerHTML="Correct!";
 +
                document.getElementById("Commentary").style.color="green";
 +
document.getElementById("Description").innerHTML="The most common way men can contract yeast infections is during intercourse with another women who has a yeast infection.";
 +
document.getElementById("button").style.visibility = "visible";
 +
numCorrect =numCorrect + 1;
 +
}
 +
// Second Question Answer
 +
else if(cnt==1){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Correct!";
 +
                document.getElementById("Commentary").style.color="green";
 +
document.getElementById("Description").innerHTML="<i>C. Albicans</i> exists in two different forms. There is a white form and an opaque form. <br>"+
 +
"The white form gains the ability to borrow through skin and is often the cause of yeast infections in the blood. <br>"+
 +
"The opaque form is a more fertile form where it can reproduce upwards to 300% faster. This form normally causes mucosal infections.";
 +
document.getElementById("button").style.visibility= "visible";
 +
numCorrect = numCorrect + 1;
 +
 +
}
 +
// Third Question Answer
 +
else if(cnt==2){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Incorrect!";
 +
                document.getElementById("Commentary").style.color="red";
 +
document.getElementById("Description").innerHTML=" The test doesn't detect for the presence of yeast directly.<br>"+
 +
"Instead, it detects the pH of the region. If it is a bacterial infection, it will have a higher pH. Otherwise, it is likely a yeast infection.<br>"+
 +
"This leaves room for error because the symptoms of a yeast infection can be from an allergic reaction, this will also not raise pH. <br>"+
 +
"Also, sometimes things like creams or viral STI's or other things can cause a rise in the pH, making the test read a bacterial infection instead of a yeast infection. There are many other factors other than these that can skew pH to cause inaccurate results.";
 +
document.getElementById("button").style.visibility="visible";
 +
                question3 = 0;
 +
}
 +
 +
// Fourth Question Answer
 +
else if(cnt==3){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Correct";
 +
                document.getElementById("Commentary").style.color="green";
 +
document.getElementById("Description").innerHTML="We use split tyrosinase and pqsR and join each half with a split HRP. In the presence in farnesol and tyrosol, tyrosinase and pqsR will bond to it.<br>"+
 +
"Each half will come together and reform. This will then allow the HRP to reform and catalyze a reaction to produce a visible blue substrate.";
 +
document.getElementById("button").style.visibility="visible";
 +
numCorrect = numCorrect  + 1;
 +
}
 +
else if(cnt==4){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Incorrect";
 +
                document.getElementById("Commentary").style.color="red";
 +
document.getElementById("Description").innerHTML="Current modern methods use antibodies which are somewhat expensive to produce and therefore expensive to purchase.<br>"+
 +
"Furthermore, the anitbodies are detected via fluoresence and a fluoresence microscope can cost between 1.5k to 5k USD.<br>"+
 +
"The T2Dx system is a bit cheaper, but the cost of the instrument is still high.";
 +
document.getElementById("button").style.visibility="visible";
 +
                question5=0;
 +
}
 +
// Else there's an error somewhere
 +
else{
 +
document.getElementById("Commentary").innerHTML="Oops!";
 +
}
 +
 +
return numCorrect;
 
}
 
}
  
−
return;
+
 
 +
 
 +
function noAnswer(cnt, numCorrect){
 +
 
 +
    // First Question Answer
 +
if(cnt==0){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Incorrect";
 +
                document.getElementById("Commentary").style.color="red";
 +
document.getElementById("Description").innerHTML="The main way men get yeast infections is through "+
 +
"intercourse with women whom is infected.";
 +
document.getElementById("button").style.visibility = "visible";
 +
                question1=0;
 +
}
 +
// Second Question Answer
 +
else if(cnt==1){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Incorrect";
 +
                document.getElementById("Commentary").style.color="red";
 +
document.getElementById("Description").innerHTML="<i>C. Albicans</i> exists in two different forms. There is a white form and an opaque form. <br>"+
 +
"white gains the ability to borrow through skin and is often the cause of yeast infections in the blood <br>"+
 +
"opaque is a more fertile form where it can reproduce upwards to 300% faster. This form normally causes mucosal infections";
 +
document.getElementById("button").style.visibility="visible";
 +
                question2=0;
 +
}
 +
 +
else if(cnt==2){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Correct";
 +
                document.getElementById("Commentary").style.color="green";
 +
document.getElementById("Description").innerHTML=" While the test is okay to use to determine a yeast infection, the test doesn't directly detect for a yeast infection."+
 +
"Instead, it checks the pH of the region. If it is a bacterial infection, it will have a raised pH, otherwise it is likely a yeast infection,"+
 +
"This leaves room for error, as sometimes, the symptoms of a yeast infection can be from an alergic reaction, this will also not raise pH."+
 +
"Also, sometimes things like creams and other things can cause a rise in the pH, making the test read a bacterial infection instead of a yeast infection.";
 +
document.getElementById("button").style.visibility = "visible";
 +
numCorrect = numCorrect+1;
 +
 +
}
 +
 +
else if(cnt==3){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Incorrect";
 +
                document.getElementById("Commentary").style.color="red";
 +
document.getElementById("Description").innerHTML="We use split tyrosinase and pqsR and join each half with a split HRP. In the presence in farnesol and tyrosol, tyrosinase and pqsR will bond to it<br>"+
 +
"Each half will come together and reform, this will then allow the HRP to reform and catalyze a reaction to produce a visible blue substrate.";
 +
document.getElementById("button").style.visibility="visible";
 +
                question4=0;
 +
}
 +
else if(cnt==4){
 +
                document.getElementById("yes").style.visibility="hidden";
 +
                document.getElementById("no").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="Correct";
 +
                document.getElementById("Commentary").style.color="green";
 +
document.getElementById("Description").innerHTML="Current modern methods use antibodies which are somewhat expensive to produce and therefore expensive to purchase.<br>"+
 +
"Furthermore, the anitbodies are detected via fluoresence and a fluoresence microscope can cost between 1.5k to 5k USD.<br>"+
 +
"The T2Dx system is a bit cheaper, but the cost of the instrument is still high.";
 +
document.getElementById("button").style.visibility="visible";
 +
numCorrect=numCorrect+1;
 +
}
 +
else{
 +
document.getElementById("Commentary").innerHTML="Oops!";
 +
}
 +
 
 +
 
 +
return numCorrect;
 
}
 
}
 +
 +
 +
 +
  
 
function nextQuestion(cnt){
 
function nextQuestion(cnt){
−
if(cnt==0){
+
// Second Question
−
  document.getElementById("questionNumber").innerHTML= "Question 2";
+
if(cnt==0){
−
  document.getElementById("question").innerHTML= "Are Traps Gay?";
+
                questionReset("<i>C. Albicans</i> can exisit in two different forms which produce different molecules?","Question 2");
−
  document.getElementById("button").style.visibility="hidden";
+
}
−
  document.getElementById("Commentary").innerHTML="";
+
// Third Question
−
  document.getElementById("Description").innerHTML="";
+
else if(cnt==1){
 +
                questionReset("Over-the-counter yeast infection tests specifically test for the presence of invasive yeast when diagnosing a yeast infection?","Question 3");
 +
}
 +
// Fourth Question
 +
else if(cnt==2){
 +
                questionReset("Split proteins are proteins that are transcribed as two different halves of one protein, but after translation can form together to create a functional protein?","Question 4");
 +
}
 +
 +
// Fifth Question
 +
else if(cnt==3){
 +
        questionReset("Invasive yeast infections are cheap to diagnose, (other than using a blood culture test). ","Question5");
 +
 +
}
 +
 
 +
 +
else{
 +
document.getElementById("questionNumber").innerHTML= "Results";
 +
document.getElementById("question").innerHTML= "Thank you for taking our quiz";
 +
document.getElementById("btn").style.visibility="hidden";
 +
document.getElementById("Commentary").innerHTML="";
 +
document.getElementById("Description").innerHTML="You got " +correct+" out of 5 correct";
 +
document.getElementById("yes").style.visibility="hidden";
 +
document.getElementById("no").style.visibility="hidden";
 +
                para2 = document.createElement("p");
 +
                para3 = document.createElement("p");
 +
                para4 = document.createElement("p");
 +
                para5 = document.createElement("p");
 +
                para1 = document.createElement("p");
 +
                para1.innerHTML="For more information about yeast infections in men and as an STI check out this link.";
 +
                createLink("https://www.bmj.com/content/2/6079/93.abstract"," Click here for more info about men's yeast infection",para1);
 +
                para2.innerHTML="For more information about C.Albicans and its two different form, check out this link.";
 +
                createLink("http://journals.plos.org/plospathogens/article?id=10.1371/journal.ppat.1003661"," Click here for more info on C.Albicans.",para2);
 +
                para3.innerHTML=" For more information about pH used to detect yeast infections, check out this link.";        createLink("https://www.fda.gov/MedicalDevices/ProductsandMedicalProcedures/InVitroDiagnostics/HomeUseTests/ucm126074.htm", " See what FDA say about pH tests for yeast infections",para3);
 +
                para4.innerHTML="For more info on split proteins, check out this paper."
 +
                createLink("https://www.sciencedirect.com/science/article/pii/S136759311100161X?via%3Dihub"," Check out a literature review on split proteins.",para4);
 +
                para5.innerHTML="For more information about different tests check out our challenge analysis";
 +
                createLink("https://2018.igem.org/Team:Purdue/Description"," Click here to go to Project Description",para5);
 +
                document.getElementById("body").appendChild(divi);
 +
               
 
}
 
}
  
−
else{}
 
  
  
−
return cnt+1;
+
           
−
}
+
 +
 
 +
 
 +
return cnt+1;
 +
}
  
  

Latest revision as of 01:32, 18 October 2018

Bootstrap Example

Question 1

Men can also get yeast infections?