JavaScript jQuery Basics Understanding jQuery Events and DOM Traversal Adding New Elements to the DOM

Rose Sore
Rose Sore
668 Points

Challenge Task bug???

Not sure what the problem is here, I get this error: There was an error with your code: ReferenceError: Strict mode forbids implicit creation of global property '$newStudent'

The instructions demand that I create a new variable $newStudent

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <h2>Student List</h2>

    <ul class="student-list">
        <li>James McAvoy</li>
        <li>Alena Holligan</li>
        <li>Wade Christensen</li>
        <li>Matt Krzyzynski</li>
    </ul>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js
$newStudent = $('.student-list').append('<li>Sam Smith</li>');

2 Answers

Enejda Dalipaj
Enejda Dalipaj
1,221 Points

The correct answer is:

var $newStudent = $('<li>Sam Smith</li>');
Rose Sore
Rose Sore
668 Points

It's always the small things isn't it? I've even completed all the more complex challenges but couldn't see this small error haha. Thanks!!!

Rose Sore
Rose Sore
668 Points

Actually, your answer is also incorrect, I had just missed writing const and var but the answer needs the append() method so your statement isn't right either. Nonetheless, very grateful as I was probably never going to notice I didn't have const or var in my code. Of course now I'll be far more careful.

Rose Sore
Rose Sore
668 Points

It accepted your answer, I think this question is really poorly written as I thought that it was asking us to append a new item but it didn't want us to do that until the next step.