update SkillfactoryCoding#10 add new buttons

Author: cookieru

bjs/10_function_object/index.html

@@ -34,8 +34,8 @@ <h4>Отчество:<span id="fatherNameOutput">Генерация отчест
                     </div>
                 </div>
                 <div class="card-footer text-right">
-                    <button class="btn btn-primary">Сгенерировать</button>
-                    <button class="btn btn-primary">Очистить</button>
+                    <button class="btn btn-primary" id="reloadBtn">Сгенерировать</button>
+                    <button class="btn btn-primary" id="clearBtn">Очистить</button>
                 </div>
             </div>
         </div>

bjs/10_function_object/init.js

@@ -1,12 +1,31 @@
-
-window.onload = function()
+const load = function()
 {
     const initPerson = personGenerator.getPerson();
-    document.querySelector('#firstNameOutput').innerText = initPerson.firstName;
-    document.querySelector('#surnameOutput').innerText = initPerson.surName;
-    document.querySelector('#fatherNameOutput').innerText = initPerson.fathername;
-    document.querySelector('#genderOutput').innerText = initPerson.gender;
-    document.querySelector('#birthYearOutput').innerText = initPerson.birthday;
-    document.querySelector('#jobOutput').innerText = initPerson.job;    
+    
+    console.log(initPerson);
+
+    document.querySelector('#firstNameOutput').textContent = initPerson.firstName;
+    document.querySelector('#surnameOutput').textContent = initPerson.surName;
+    document.querySelector('#fatherNameOutput').textContent = initPerson.fathername;
+    document.querySelector('#genderOutput').textContent = initPerson.gender;
+    document.querySelector('#birthYearOutput').textContent = initPerson.birthday;
+    document.querySelector('#jobOutput').textContent = initPerson.job;
+};
+
+const clear = function()
+{
+    document.querySelector('#firstNameOutput').textContent = "-";
+    document.querySelector('#surnameOutput').textContent = "-"; 
+    document.querySelector('#fatherNameOutput').textContent = "-";
+    document.querySelector('#genderOutput').textContent = "-";
+    document.querySelector('#birthYearOutput').textContent = "-";
+    document.querySelector('#jobOutput').textContent = "-";  
+
+    
 };
 
+addEventListener("load", load);
+
+document.querySelector("#reloadBtn").addEventListener("click", load);
+
+document.querySelector("#clearBtn").addEventListener("click", clear);