fixed duplicate property

Author: supzi-del

Random Password Generator/index.html

@@ -13,7 +13,7 @@
     <div class="container">
       <div class="inputBox">
         <h2>Random Password Generator</h2><input type="text" placeholder="Create password" id="password">
-        <div id="btn" onclick="generatePassword();">Generate Password</div>
+        <div id="btn">Generate Password</div>
       </div>
       <!--inputBox-->
     </div>

Random Password Generator/script.js

@@ -1,5 +1,5 @@
 //generate random password using for loop
-function generatePassword() {
+document.getElementById("btn").addEventListener("click", function() {
 	var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz!@#$%^&*()_+?<>{}[]:";
 	var passwordLength = 10;
 	var password = "";
@@ -8,7 +8,7 @@ function generatePassword() {
 		password += chars.charAt(randomChar);
 	}
 	document.getElementById("password").value = password;
-}
+  });
 
 //copy to clipboard
 clipboard.onclick = function() {

Random Password Generator/style.css

@@ -17,7 +17,6 @@
 
   .inputBox {
     position: relative;
-  
     background: #fdd5d5;
     width: 450px;
     padding: 20px 30px;
@@ -34,11 +33,8 @@
     position: relative;
     width: 100%;
     height: 45px;
-    border: none;
     margin: 15px 0 20px;
-  
     background: #fff;
-  
     border: 2px solid lightgrey;
     padding-left: 15px;
     border-radius: 5px;