diff --git a/index.html b/index.html index d3064a1..7eac60b 100644 --- a/index.html +++ b/index.html @@ -62,7 +62,11 @@

How To Use:

+ +
show @@ -77,4 +81,6 @@

How To Use:

+ + diff --git a/index.js b/index.js index 3646305..272395c 100644 --- a/index.js +++ b/index.js @@ -208,3 +208,26 @@ passwordToggle.onclick = function() { //function strengthenPassword() { // var value = passwordTest.value.trim(); //} + + +// use of jsPDF to generate a .pdf file with the +// generated password +function downloadPassword() { + window.jsPDF = window.jspdf.jsPDF; + var generatedPass = document.getElementById("random-password").innerHTML; + var pdfGenerator = new jsPDF(); + + if (generatedPass === "" || generatedPass === undefined) { + alert("Please Generate a Password!"); + } else { + try { + pdfGenerator.setFontSize(12); + pdfGenerator.text("The generated password is:", 20, 20); + pdfGenerator.setFont("undefined", "bold"); + pdfGenerator.text(generatedPass, 20, 30); + pdfGenerator.save("password.pdf"); + } catch (err) { + alert("AN ERROR OCCURRED!"); + } + } +} diff --git a/main.css b/main.css index 0437c67..0fa8e4e 100644 --- a/main.css +++ b/main.css @@ -224,3 +224,11 @@ input[type="number"] { width: 100%; } } + +.button.download { + background-color: powderblue; + color: black; +} +.button.download:hover { + background-color: #b6e4eb; +}