(DOM & Events 10) Module 7 Quiz

SoloLearn JS 번역


  • Fill in the blanks to change the content of all paragraph tags of the page to “SoloLearn”.
    • 페이지의 모든 p 태그 내용을 “SoloLearn”으로 변경해라.
var arr = document.getElementsByTagName("p");

for (let i = 0; i < arr.length; i++) {
   arr[i].innerHTML = "SoloLearn";

  • What is the output of this code?
    • 이 코드의 출력은 무엇인가?
<div id="test">
   <p>some text</p>

   var el = document.getElementById("test");


  • Drag and drop from the options below to change the color of the paragraph with id=”p2” to red.
    • id=”p2” p의 color를 red로 변경해라.
   var d = document.getElementById("p2");
   d.style.color = "red";

  • Can you handle multiple events on the same HTML element?
    • 동일한 HTML element에서 여러 이벤트를 처리할 수 있는가?


  • Fill in the blanks to alert a message when the button is clicked.
    • 버튼을 클릭했을 때 message를 alert 해라.
<button onclick="msg()">Click me</button>

   function msg() {
      alert("Ssup bro?");

  • Display an alert when the mouse pointer is over the div tag:
    • 마우스 포인터가 div 태그 위에 있을 때 alert 해라.
<div onmouseover="alert('Ssup bro?')">
   put the mouse pointer over me