Web development 2 - level 12 Quizlet
Game says " line 185: SyntaxError: Unexpected token ‘else’ "
Please Help!
Also i’m not the greatest at coding. I have no clue what to do.
<!-- Create a quiz to help your friends find out... -->
<!-- What kind of dog are you? -->
<div id="content">
<!-- Title your quiz anything you like! -->
<!-- What kind of dog are you? -->
<!-- What shade of fuschia speaks to your soul? -->
<!-- What clique do you belong in? -->
<h1>𝓜𝓾𝓵𝓽𝓲𝓹𝓵𝓮 𝓢𝓬𝓸𝓻𝓮𝓰𝓪𝓼𝓶𝓼</h1>
<div class="quizQuestion">
<h2>1) 2 + 2 = ?</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText">A: 4 </div>
</div>
<div data-value="B" class="answer">
<div class="answerText">B: 22</div>
</div>
<div data-value="C" class="answer">
<div class="answerText">C: idk im stupid</div>
</div>
<div data-value="D" class="answer">
<div class="answerText">D: 69 :)
</div>
</div>
</div>
</div>
<div class="quizQuestion">
<h2>2) Best Basketball player of all time?</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText">A: Kobe Bryant</div>
</div>
<!-- Add 3 more answers here: -->
<div data-value="B" class="answer">
<div class="answerText">B: Lebron James</div>
</div>
<div data-value="C" class="answer">
<div class="answerText">C: Micheal Jordan</div>
</div>
<div data-value="D" class="answer">
<div class="answerText">D: JaVale Mcgee</div>
</div>
</div>
</div>
<div class="quizQuestion">
<h2>3) Best Rapper of all time?</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText">A: Drake</div>
</div>
<div data-value="B" class="answer">
<div class="answerText">B: lil uzi vert</div>
</div>
<div data-value="C" class="answer">
<div class="answerText">C: Kendrick Lamar</div>
</div>
<div data-value="D" class="answer">
<div class="answerText">D: Yung Gravy
</div>
</div>
</div>
</div>
<!-- Add a fourth, final question below: -->
<div class="quizQuestion">
<h2> 4) ਕੀ ਤੁਸੀਂ ਇਸ ਪ੍ਰਸ਼ਨ ਦਾ ਅਨੁਵਾਦ ਕਤਾ ਹੈ??</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText">A: ਹਾਂ</div>
</div>
<div data-value="B" class="answer">
<div class="answerText">B:ਨਹੀਂ </div>
</div>
<div data-value="C" class="answer">
<div class="answerText">C: 8===D~</div>
</div>
<div data-value="D" class="answer">
<div class="answerText">D: What is this terrorist talk
</div>
</div>
</div>
</div>
<div class="result" id="a-personality">
<h2>[Personality Type A]</h2>
<img src="/file/db/thang.type/5744e3683af6bf590cd27371/portrait.png" width="200px">
<p>
[You are a scrub]
</p>
</div>
<div class="result" id="b-personality">
<h2>[Personality Type B]</h2>
<!-- Fill out the info for personality type B: -->
<img src="https://codecombat.com/file/db/thang.type/5432f9d18364d30000d1f943/portrait.png"/>
<p>
[You are cool!]
</p>
</div>
<!-- Add two more personality types for C/D: -->
<div class="result" id="c-personality">
<h2>[Personality Type C]</h2>
<img src="/file/db/thang.type/5744e3683af6bf590cd27371/portrait.png" width="200px">
<p>
[You are alright. BE better tho]
</p>
</div>
<div class="result" id="d-personality">
<h2>[Personality Type D]</h2>
<img src="/file/db/thang.type/5744e3683af6bf590cd27371/portrait.png" width="200px">
<p>
[You are a monster!]
</p>
</div>
<div class="result" id="no-personality">
<h2>[No Personality]!</h2>
<img src="/file/db/thang.type/52e95a5022efc8e709001743/portrait.png" width="200px">
<p>
You have no personality! Womp, womp. RIP you
</p>
</div>
<div id="footer">
<button class="btn btn-primary btn-block btn-lg" id="submitButton">Submit</button>
<button class="btn btn-primary btn-block btn-lg" id="retryButton">Retry</button>
</div>
</div>
<style>
body {
background-color:rgb(63,63,63);
}
.answer {
cursor:pointer;
text-align:center;
width:250px;
height:250px;
margin:8px;
color:white;
background-color:rgb(0,174,174);
padding:16px;
border: 1px solid black;
}
.selected {
background-color:rgb(100, 146, 255);
}
#header {
text-align:center;
background-color:white;
}
#footer {
text-align:center;
}
.answerText {
font-size:2em;
}
h2 {
padding-top:1em;
}
h1 {
font-size:4em;
}
#content {
background-color:white;
width:566px;
height:3000px;
padding:16px;
text-align:center;
font-family:sans-serif;
font-weight:bold;
text-transform:uppercase;
border: 1px solid black;
}
.muted {
opacity:0.25;
}
.result {
display:none;
}
#retryButton {
display: none;
}
</style>
<script>
var retryButton = $("#retryButton");
var answers = $(".answer");
var submitButton = $("#submitButton");
var quizQuestions = $(".quizQuestion");
var results = $(".result");
function highlightSelected() {
var answerDiv = $(this);
answerDiv.siblings().addClass("muted");
answerDiv.siblings().removeClass("selected");
// Add the "selected" class to answerDiv:
answerDiv.siblings().addClass("selected")
// Remove the "muted" class from answerDiv:
answerDiv.siblings().removeClass("muted")
}
answers.on("click", highlightSelected);
function submitAnswers() {
var aCount = $(".selected[data-value='A']").length;
var bCount = $(".selected[data-value='B']").length;
// Create 2 more variables for C/D counts:
var aCount = $(".selected[data-value='C']").length;
var bCount = $(".selected[data-value='D']").length;
if (aCount > 1) {
$("#a-personality").show();
}
else if (bCount > 1) {
// Show the element with id b-personality:
$("#b-personality").show();
}
// Add more if-statements to cover C/D answers:
else if(cCount > 1) {
$("#c-personality").show();
}
else if (dCount > 1) {
$("#d-personality").show();
else{
$("#no-personality").show();
}
quizQuestions.hide();
retryButton.show();
submitButton.hide();
}
submitButton.on("click", submitAnswers);
function resetPage() {
quizQuestions.show();
answers.removeClass("muted");
answers.removeClass("selected");
submitButton.show();
retryButton.hide();
results.hide();
}
retryButton.on("click", resetPage);
</script>