diff --git a/app.js b/app.js
index 97bafa2..75e0f68 100644
--- a/app.js
+++ b/app.js
@@ -1,11 +1,11 @@
 const wmf = document.querySelector('#book-list li:nth-child(2) .name');
-console.log(wmf);
+// console.log(wmf);
 
 var books = document.querySelector('#book-list li .name');
-console.log(books);
+// console.log(books);
 
 books = document.querySelectorAll('#book-list li .name');
-console.log(books);
+//console.log(books);
 
 Array.from(books).forEach(function(book){
   console.log(book);
diff --git a/app3.js b/app3.js
new file mode 100644
index 0000000..c5011f2
--- /dev/null
+++ b/app3.js
@@ -0,0 +1,8 @@
+var titles = document.getElementsByClassName('title')
+
+//console.log(Array.isArray(titles));
+//console.log(Array.isArray(Array.from(titles)));
+
+titles.forEach(function(item){ 
+    console.log(item);
+})
diff --git a/app4.js b/app4.js
new file mode 100644
index 0000000..75e0f68
--- /dev/null
+++ b/app4.js
@@ -0,0 +1,12 @@
+const wmf = document.querySelector('#book-list li:nth-child(2) .name');
+// console.log(wmf);
+
+var books = document.querySelector('#book-list li .name');
+// console.log(books);
+
+books = document.querySelectorAll('#book-list li .name');
+//console.log(books);
+
+Array.from(books).forEach(function(book){
+  console.log(book);
+});