Pessoal Eu Recentemente estava fazendo um gerador de qr-code, e preciso criar um botão que quando a pessoa clique apareça para poder baixar/fazerdownload da imagem gerada, pode me ajuda? to preso nisso faz tempo, e se puderem podem Organizar o codigo para mim?
<!DOCTYPE html>
<html>
<head>
<title>QR-Code</title>
<style type="text/css">
#qrcode {
border: 1pt solid gray;
display: inline-block;
}
</style>
</head>
<body>
<center>
<input type="text" name="qrtexto" id="qrtexto" onkeypress="gerarqr();" onkeyup="gerarqr();"><br>
<br>
<button onclick="gerarqr();" on>Gerar</button>
<button onclick="limpar();" on>Limpar</button>
</center>
<br>
<br>
<center>
<div id="qrcode"></div>
</center>
<br>
<center>
<button onclick="baixar();">Baixar (Em Breve)</button>
</center>
<script src="qrcode.min.js"></script>
<script>
qrcode.innerHTML="<img src='limpo.png'>";
function gerarqr(){
var qrcode=document.getElementById('qrcode');
qrcode.innerHTML=" ";
var texto=document.getElementById("qrtexto").value;
var qrcodee = new QRCode(qrcode, {
text: texto,
width: 300,
height: 300,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
}
function limpar(){
qrcode.innerHTML="<img src='limpo.png'>";
}
function baixar() {
}
</script><br><br><br><br><br><br><br>
<h6 align="center">Feito por Itz_Topz</h6>
</body>
</html>