diff --git a/exercises/part1-selectors-and-events/index.js b/exercises/part1-selectors-and-events/index.js
index 25a3025..75de341 100644
--- a/exercises/part1-selectors-and-events/index.js
+++ b/exercises/part1-selectors-and-events/index.js
@@ -16,30 +16,32 @@ Part 1: Set the variable below equal to the paragraph element representing the
first test result.
==================== */
-let firstResult;
+let firstResult = document.querySelector('#result-1');
/* ====================
Parts 2: Set the variable below equal to a collection of the paragraph
elements representing the 2nd and 3rd results.
==================== */
-let secondAndThirdResults;
+let secondAndThirdResults = document.querySelectorAll('.result-2-3');
/* ====================
Parts 3: Set the variable below equal to a collection of the paragraph
elements representing the all of the results.
==================== */
-let allResults;
+let allResults = document.querySelectorAll('.result');
/* ====================
Part 4: Add an event listener to the button in problem 4 that changes the
button's own text to "I'm Clicked!"
==================== */
-let imClickedButton;
+let imClickedButton = document.querySelector('#im-clicked-button');
if (imClickedButton) {
- imClickedButton.addEventListener('click', () => {});
+ imClickedButton.addEventListener('click', () => {
+ imClickedButton.innerHTML = 'I\'m Clicked!';
+ });
}
/* ====================
@@ -56,9 +58,13 @@ HINT: You may need some global state for this problem.
let spanContainer = document.querySelector('#span-container');
spanContainer.appendChild(htmlToElement('0'));
-let addSpanButton;
+let addSpanButton = document.querySelector('#add-span-button');
+let times = 0;
if (addSpanButton) {
- addSpanButton.addEventListener('click', () => {});
+ addSpanButton.addEventListener('click', () => {
+ times++;
+ spanContainer.appendChild(htmlToElement(`${times}`));
+ });
}
/* =====================