can someone please upload his web development 2 quizlet level?
the are errors in mine but i don’t know what’s wrong…
1 Like
Met ton code ici, on va voir ce qu’il ne va pas. Utilise la fonction de chat pour que nous puissions t’aider correctement. appui sur ceux bouton et a la place de " type or paste code here" tu place ton copié collé de ton code.
type or paste code here
voici une capture d’écran pour t’aider
here is the tranlation:
Put your code here, we’ll see what’s wrong. Use the chat function so that we can help you properly. press on those button and instead of “type or paste code here” you place your copy pasted your code
here is a screenshot to help you
salut kifyu et 098765432123,
j’apprendre le francais…
I learn French and know English.
I know it’s a lot of code, but here it is:
je sais c’est beaucoup de code, mais il est ici:
<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>in Which hogwarts house are you?</h1>
<div class="quizQuestion">
<h2>1. Your friends describe you as</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText">A: Smart</div>
</div>
<div data-value="B" class="answer">
<div class="answerText">B: secretive</div>
</div>
<div data-value="C" class="answer">
<div class="answerText">C: brave</div>
</div>
<div data-value="D" class="answer">
<div class="answerText"> D: good - hearted</div>
</div>
</div>
</div>
<div class="quizQuestion">
<h2>2. your favorite lesson is</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText">A: all of them!</div>
</div>
<!-- Add 3 more answers here: -->
<div class="answers">
<div data-value="B" class="answer">
<div class="answerText">B: potions </div>
</div>
<div class="answers">
<div data-value="C" class="answer">
<div class="answerText">c: transfigure</div>
</div>
<div class="answers">
<div data-value="D" class="answer">
<div class="answerText"> d: herbology</div>
</div>
</div>
<div class="quizQuestion">
<!-- Fill in the 3rd question here: -->
<h2>if you could take an animal to school, you will take a/an</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText"> a: owl</div>
</div>
<div class="answers">
<div data-value="B" class="answer">
<div class="answerText"> b: cat </div>
</div>
<div class="answers">
<div data-value="C" class="answer">
<div class="answerText"> c: i wouldn't take any</div>
</div>
<div class="answers">
<div data-value="D" class="answer">
<div class="answerText"> d: frog </div>
</div>
</div>
<!-- Add a fourth, final question below: -->
<div class="quizQuestion">
<h2>in your free time,you</h2>
<div class="answers">
<div data-value="A" class="answer">
<div class="answerText"> a: read</div>
</div>
<div class="answers">
<div data-value="B" class="answer">
<div class="answerText"> b: play pranks</div>
</div>
<div class="answers">
<div data-value="C" class="answer">
<div class="answerText"> c: watch movies</div>
</div>
<div class="answers">
<div data-value="D" class="answer">
<div class="answerText"> d: meet friends</div>
</div>
</div>
<div class="result" id="a-personality">
<h2>you're in...ravenclaw!</h2>
<img src="https://codecombat.com/file/db/thang.type/52a00d55cf1818f2be00000b/portrait.png">
<p>
you're smart and awsome!
</p>
</div>
<div class="result" id="b-personality">
<h2>you're in...slythrin!</h2>
<!-- Fill out the info for personality type B: -->
<img src="https://codecombat.com/file/db/thang.type/5536f88c428ddac5686fd00c/portrait.png">
<p>
you're devious and cunning!
</p>
</div>
<!-- Add two more personality types for C/D: -->
<div class="result" id="c-personality">
<h2>you're in...gryffindor!</h2>
<!-- Fill out the info for personality type B: -->
<img src="https://codecombat.com/file/db/thang.type/57586f0a22179b2800efda37/portrait.png">
<p>
you're brave and cool!
</p>
</div>
<div class="result" id="d-personality">
<h2>you're in...hufflepuff!</h2>
<!-- Fill out the info for personality type B: -->
<img src="https://codecombat.com/file/db/thang.type/577d5d4dab818b210046b3bf/portrait.png">
<p>
you're nice to others and that's important!
</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.
</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;
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 answers = $(".answer");
var submitButton = $("#submitButton");
var retryButton = $("#retryButton");
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.addClass("selected")
// Remove the "muted" class from answerDiv:
answerDiv.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 cCount = $(".selected[data-value='C']").length;
var dCount = $(".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) {
// Show the element with id b-personality:
$("#c-personality").show();
}
else if (dCount > 1) {
// Show the element with id b-personality:
$("#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>
merci beaucoup!
thank you very much!
1 Like
Qu’elle erreur s’affiche quand tu fait ce code?
J’ai essayé ton code. Il est bien sauf que tu a oublié des </div> . J’ai juste tous controlé et rajouté ce qui manquait et il fonctionne.
[https://codecombat.com/play/web-dev-level/5f4537e1ca50a400281d1c41]
Voici un exemple:
Si cela peux t’aider, quand tu clique sur un <div> si tu n’a rien oublié il entoure le </div> qui lui correspond.
J’espere que ça va t’aider.
N’hésite pas sinon a redemander!!
2 Likes
@Kifyu, thank you very much for your help 
you solved the problem 
3 Likes
This topic was automatically closed 12 hours after the last reply. New replies are no longer allowed.