Bug Resolved

Author: anurag97en

07 - Dynamic Form Field/script.js

@@ -4,17 +4,26 @@ var remove_fields = document.getElementById('remove_fields');
 
 add_more_fields.onclick = function(){
     var newField = document.createElement('input');
+    var input_tags = survey_options.getElementsByTagName('input');
     newField.setAttribute('type', 'text');
     newField.setAttribute('name', 'survey_options[]');
     newField.setAttribute('class', 'survey_options');
     newField.setAttribute('siz', 50);
     newField.setAttribute('placeholder', 'Another Field');
     survey_options.appendChild(newField);
+    if(input_tags.length > 2){
+        document.getElementById("remove_fields").style.visibility="visible";
+        
+    }
 }
 
 remove_fields.onclick = function(){
     var input_tags = survey_options.getElementsByTagName('input');
     if(input_tags.length > 2){
         survey_options.removeChild(input_tags[(input_tags.length)-1]);
     }
+    else{
+        document.getElementById("remove_fields").style.visibility="hidden";
+
+    }
 }

07 - Dynamic Form Field/style.css

@@ -52,12 +52,32 @@ input[type="text"]:focus {
 }
 
 #add_fields {
+  background-color: #4CAF50; /* Green */
+  border: none;
+  border-radius: 10px;
   color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;  
+  
 }
 
+
+
 #remove_fields {
+  background-color: #ee052c; /* Red */
+  border: none;
+  border-radius: 10px;
+  margin-left: 70px;
   color: white;
-  float: right;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px; 
+  
 }
 
 .controls a {