Code Monkey home page Code Monkey logo

phase-1-quiz-javascript-and-the-dom's Introduction

id course_id repo
53428
7550
phase-1-quiz-javascript-and-the-dom

JavaScript and The DOM Quiz

It's time to check your knowledge! Use this quiz to create a custom study guide. Note any answers that were marked incorrect, so you can study the relevant material and try this quiz again.

If you don't know the answer to a question, please do not guess. Instead, select "I don't know". It's OK not to know everything and to admit when we're unsure.

phase-1-quiz-javascript-and-the-dom's People

Contributors

ihollander avatar jlboba avatar lizbur10 avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

phase-1-quiz-javascript-and-the-dom's Issues

Answer #1 in JavaScript and The DOM Quiz

Hi,
I think the first answer should accept both "Hello!" and "'Hello!'" (one with single quotes and one without single quotes) because the text that is returned in the console is literally 'Hello!' but the quiz said that was wrong on my first attempt.

Bad practice shown in answer

Canvas Link

https://learning.flatironschool.com/courses/6190/quizzes/43188/take/questions/292619

Concern

Question #8 (at least in my instance of the Quiz):

Which document method takes a CSS selector as an argument and returns all elements that match? Fill in the blank:
document.___________("#hello");

answer: querySelectorAll

Aren't IDs supposed to be unique and only refer to one element? I know it's "possible" to have multiple elements with the same ID but should bad practice be shown on the quiz?

I think a better example would be for the querySelectAll to be using a CSS class or tag selector.

Additional Context

No response

Suggested Changes

No response

Lacking Information in JavaScript and The DOM Quiz Question

Canvas Link

https://learning.flatironschool.com/courses/6382/quizzes/45674/take/questions/311792

Concern

The HTML snippets are missing the tags making the questions in the quiz impossible to answer. In the additional context, I copied the information given in the quiz for the question that is not possible to get the right answer without guessing luckily (although one can assume that 'Hello!' is the right answer).

Additional Context

The following code block is a snippet of HTML from Ian's portfolio page:

id="firstHeading" class="firstHeading">Hello! id="name" class="name">My name is
Ian! id="welcome" class="welcome">Welcome to my portfolio! Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Pellentesque lacinia pretium feugiat.
Praesent tincidunt non odio sed ultricies. Fusce cursus nisi quis est varius
imperdiet.

If I am viewing this HTML in the browser, what text will be returned if I type the following into the console?

document.querySelector("h1").textContent;

Suggested Changes

Add the tags into the HTML snippets.

Code Block in Question 1

Canvas Link

https://learning.flatironschool.com/courses/6382/quizzes/45674

Concern

I think the code block in the first question is missing its tags.

This is what I see:

id="firstHeading" class="firstHeading">Hello! id="name" class="name">My name is
Ian! id="welcome" class="welcome">Welcome to my portfolio! Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Pellentesque lacinia pretium feugiat.
Praesent tincidunt non odio sed ultricies. Fusce cursus nisi quis est varius
imperdiet.

The question asks what text will be returned from typing the following into the console:
document.querySelector("h1").textContent;

Since there is no h1 tag in the HTML, this was a bit confusing.

Additional Context

Here is what I saw after I finished the quiz. The code block looked the same on the actual page for the question in the quiz.
Screenshot 2023-04-11 223237

Suggested Changes

Unless the tags were intentionally left out, adding the tags in would fix the issue.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.