widht e height [javascript]

by Juri Rudi

HTML

<div id="div_risultato" style="border:1px solid black;">Questo è il div</div>

JavaScript

// Dimensioni della finestra browser
var larghezzaFinestra = window.innerWidth; // oppure: innerWidth;
var altezzaFinestra = window.innerHeight; // oppure: innerHeight;
var dimensioniFinestra = larghezzaFinestra +" per "+ altezzaFinestra;
var testoDiv = document.getElementById("div_risultato").innerHTML = "Dimensioni della finestra del browser: " + dimensioniFinestra;

// Dimensioni dello schermo
var larghezzaSchermo = window.screen.width; // oppure: screen.width;
var altezzaSchermo = window.screen.height; // oppure: screen.height;
var dimensioniSchermo = "Dimensioni dello schermo: " + larghezzaSchermo +" per "+ altezzaSchermo;
var NuovoElemento = document.createElement('p');
NuovoElemento.innerText = dimensioniSchermo; // innerHTML
var div_risultato = document.getElementById("div_risultato");
div_risultato.appendChild(NuovoElemento);

// Dimensioni del div
var larghezzaDiv = div_risultato.offsetWidth;
var altezzaDiv = div_risultato.offsetHeight;
var dimensioniDiv = "Dimensioni del div: " + larghezzaDiv +" per "+ altezzaDiv;
var NuovoElemento = document.createElement('p');
NuovoElemento.innerText = dimensioniDiv; // innerHTML
var div_risultato = document.getElementById("div_risultato");
div_risultato.appendChild(NuovoElemento);