fix display issue

Author: ria147

dynamicProjects.js

@@ -103,7 +103,7 @@ function remainingProjects(){
     for (var i=1; i<all_projects.length; i++){
         project_to_add = all_projects[i];
 
-        document.getElementById("previous-projects").innerHTML += `
+        document.getElementById("all-projects").innerHTML += `
         <div class="row">
           <div class="col s12 m6 l4">
             <div class="card medium">
@@ -142,7 +142,7 @@ function remainingProjects(){
             </div>
           </div>`
     };
-    document.getElementById("previous-projects").style.display = "none"
+    document.getElementById("load-more-button").style.display = "none"
 
 }
 

index.html

@@ -355,8 +355,9 @@ <h3 class="page-title white-text red">Recent Projects</h3>
 
         <div class="container" id="latest-projects">
         </div>
-        <button id="previous-projects" class="waves-effect waves-light btn red" onclick="remainingProjects()"> Load More</button>
+        <button id="load-more-btn" class="waves-effect waves-light btn red" onclick="remainingProjects()"> Load More</button>
       </div>
+    </section>
 
         <!-- <div class="row">
 
@@ -458,7 +459,6 @@ <h3 class="page-title white-text red">Recent Projects</h3>
 
         </div>
       </div>-->
-    </section>
 
     <!-- Fifth Section: Skills -->
     <section id="skills" class="section scrollspy">