[SOLVED] Help with web development 2 quizlet

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

:pray: :v: :slight_smile:

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:
Annotation2

Si cela peux t’aider, quand tu clique sur un <div> si tu n’a rien oublié il entoure le </div> qui lui correspond.

Annotation 3

J’espere que ça va t’aider.
N’hésite pas sinon a redemander!!
:pray: :v: :slight_smile:

2 Likes

@Kifyu, thank you very much for your help :heavy_heart_exclamation:
you solved the problem :smile:

3 Likes

This topic was automatically closed 12 hours after the last reply. New replies are no longer allowed.