function saveImg() {
let out = [];
const imgData = canvas.toDataURL();
const fav = document.getElementById("favourites");
out.push(`<div>`);
out.push(`<img src= ${imgData} height = "200" alt = "image">`);
out.push(`<form action="/favorites" method="POST">`);
out.push(`<input type="hidden" value=${imgData} name="dataURL">`);
out.push(`<input type="hidden" value=${id++} name="_id">`);
out.push(`<input type="text" value="" name="name" id="name" readonly>`);
out.push(`<label for="name"></label>`);
out.push(`<br>`);
out.push(`<input type="submit" value="SUBMIT">`);
out.push(`</form>`);
out.push(`</div>`);
ctx.clearRect(0, 0, canvas.width, canvas.height);
history.clear();
fav.innerHTML += out.join("");
}
Nesse código a pessoa pode apertar um botão para salvar um desenho feito num canvas, e então dar um nome a imagem salva, no entanto, após escrever o nome eu queria fazer com que o input se tornasse "readonly"
. Que alternativas existem para esse efeito?