addTourOverlay2() {
// (1)
if (document.querySelectorAll('#tour-overlay').length === 0) {
let newDiv = document.createElement('div');
newDiv.id = 'tour-overlay';
let body = document.getElementsByTagName('body');
// (2)
newDiv.appendChild(body);
}
this.resizeOverlay();
}
resizeOverlay() {
let window_height = screen.height;
let window_width = screen.width;
// (3 e 4)
document.getElementById('#tour-overlay').style.height = window_height;
document.getElementById('#tour-overlay').style.width = window_width;
}
Começando com algumas falhas triviais:
Se buscará pelo id é esperado que seja retornado apenas um elemento, não vários; então ao invés de
querySelecorAll
, pode utilizarquerySelector
apenas (ou ogetElementById
);Você adicionou
body
emnewDiv
; acredito que o correto serianewDiv
embody
;Quando utilizar
getElementById
você não precisa informar o caractere#
, apenas o valor do atributo;Vide 3;
Sobre o erro
O tipo 'number' não pode ser atribuído ao tipo 'string'. (linhas 36 e 37)
Isso vem do Typescript, que leva em consideração os tipos dos dados. Nesse caso, screen.height
é um valor numérico, mas element.style.height
é uma string. O que você precisa fazer é declarar o cast entre os tipos:
document.getElementById('#tour-overlay').style.height = <string> window_height;
document.getElementById('#tour-overlay').style.width = <string> window_width;
// Aqui você informa o cast da variável ----------------^