escape HTML

src/src/options/js/options.js

@@ -45,7 +45,7 @@ function generate() {
 
   var pass = p.generatePassword('testMasterPassword', 'http://test.com')
 
-  demo.innerHTML = pass
+  demo.value = pass
 }
 
 generate()
\ No newline at end of file

src/src/options/options.html

@@ -16,17 +16,18 @@
     <br> 
     Generated password length: <input value="12" type="number" id="passLength">
     <br>
-    Minimum A-Z: <input value="0" type="number" id="upperCase" name="upperCase" value="upperCase">
+    Minimum A-Z: <input value="0" type="number" id="upperCase" name="upperCase">
     <br>
-    Minimum a-z: <input value="0" type="number" id="lowerCase" name="lowerCase" value="lowerCase">
+    Minimum a-z: <input value="0" type="number" id="lowerCase" name="lowerCase">
     <br>
-    Minimum 0-9: <input value="0" type="number" id="numbers" name="numbers" value="numbers">
+    Minimum 0-9: <input value="0" type="number" id="numbers" name="numbers">
     <br>
-    Minimum !@#$%^: <input value="0" type="number" id="symbols" name="symbols" value="symbols">
+    Minimum !@#$%^: <input value="0" type="number" id="symbols" name="symbols">
     <br> 
   </form>
     <br>
-    <div id="status">Example Password:</div><p id="demo"></p>
+    <div id="status">Example Password:</div>
+    <input type="text" id="demo" style="width: 500px;">
   <script src="./../module/dist/bundle.js"></script>
   <script src="js/options.js"></script>
 </body>