Show jquery data in html

The truth gives me a bit of embarrassment ... because I have no idea I'm just curious and I follow tutorials ... hehehehe

The thing is that I consume data from a third-party API, and I want to paint the data in an HTML ... but it does not show anything ...

var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.elpais.com/ws/LoteriaNavidadPremiados?n=resumen",
"method": "GET",
"dataType": "jsonp",
"headers": {
    "cache-control": "no-cache",
}

}

$.ajax(settings).done(function (response) {
console.log(response);
document.getElementById("#numero1").innerHTML(response.numero1),
document.getElementById("#numero2").innerHTML(response.numero2),
document.getElementById("#numero3").innerHTML(response.numero3),
document.getElementById("#numero4").innerHTML(response.numero4),
document.getElementById("#numero5").innerHTML(response.numero5),
document.getElementById("#numero6").innerHTML(response.numero6),
document.getElementById("#numero7").innerHTML(response.numero7),
document.getElementById("#numero8").innerHTML(response.numero8),
document.getElementById("#numero9").innerHTML(response.numero9),
document.getElementById("#numero10").innerHTML(response.numero10),
document.getElementById("#numero11").innerHTML(response.numero11),
document.getElementById("#numero12").innerHTML(response.numero12),
document.getElementById("#numero13").innerHTML(response.numero13),
document.getElementById("#timestamp").innerHTML(response.timestamp),
document.getElementById("#status").innerHTML(response.status),
document.getElementById("#fraseSorteoPDF").innerHTML(response.fraseSorteoPDF),
document.getElementById("#fraseListaPDF").innerHTML(response.fraseListaPDF),
document.getElementById("#listaPDF").innerHTML(response.listaPDF),
document.getElementById("#urlAudio").innerHTML(response.urlAudio)

});

And for the html I try to call it with id="xxx"

Thank you very much !!!

Capture of what appears in Sources