Estrapolare una variabile da una funzione javascript per poterla usare nei parametri di Style

[cavaliere123]

Buon giorno

Facendo delle prove per dimensionare un sito personale per le dimensione di <div>, per curiosità ho pensato di usare una funzione Javascript del genere :

 <script>
function altezza() {
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;


var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;


var x = document.getElementById("demo");
x.innerHTML = "Larghezza finestra interna del browser: " + w + ", altezza: " + h + " ed il loro rapporto,  w/h  : " + w/h;
}
</script>

Mi servirebbe il valore w/h da usare in un parametro di style, ad esempio :

<style> 
.container {
height:  calc (22 * w/h) ;
...
....
</style>

so anche che in javascript si può usare la riga di comando :

 document.body.style.height

ma sinceramente non saprei come usarla.

Ringraziando anticipatamente chiedo almeno dove leggere a riguardo, con esempi chiari.
Grazie.

[cavaliere123]

Buona sera, leggendo un vostro precedente post, ho intuito che bisognerebbe usare una funzione callback, ed ho visto vari esempi dove viene stampato a video il risultato di una somma ad esempio, ma se volessi salvare il risultato della somma ina variabile da usare per una funzione calc() nello <style> dove posso trovare qualche esempio ?

[ciro78]

Ciao cavaliere,
non ha molto senso quello che vuoi fare. Se devi ridimensionare un contenuto in funzione di parametri del browser gli puoi applicare, sempre con js, uno stile in linea.

<h1 style="color:blue;text-align:center">This is a header</h1>

Senza toccare il css di base.

[cavaliere123]

Buona sera Ciro e grazie per avermi risposto, si certo so che si fa tranquillamente con gli stile anche dentro al tag, ma era solo per imparare una cosa nuova su javascript, a furia di fare tentativi anche se non proprio produttivi ho imparato cose nuove, scusami se ho disturbato
Saluti

[ciro78]

Buona sera Ciro e grazie per avermi risposto, si certo so che si fa tranquillamente con gli stile anche dentro al tag, ma era solo per imparare una cosa nuova su javascript, a furia di fare tentativi anche se non proprio produttivi ho imparato cose nuove, scusami se ho disturbato
Saluti

Ciao nessun disturbo, ci mancherebbe!

Tuttavia se posso, ti consiglio di avere un approccio più orientato all'obiettivo.

Imparare cose che non utilizzerai ....rende poco