Modificare CSS con Javascript

[Scauchy]

Ciao!


Premetto che non conosco il JavaScript sebbene da stamattina mi sia messo in testa di iniziare ad imparare qualcosa.
Il problema è questo. Io ho una semplicissima pagina HTML in cui ho due colonne in float, quindi una parallela all'altra. Quello che vorrei fare è impostare tramite uno script in JS la stessa altezza a entrambe le colonne, le quali contengono del testo di lunghezza notevolmente diversa. Non imposto l'altezza manualmente nel CSS per il semplice motivo che in un sito web la cosa diventerebbe troppo lunga e macchinosa e quindi noiosa.


La mia idea è quella di andare a leggere l'altezza del div destro (il più lungo) e memorizzarla in una variabile. Successivamente impostare l'altezza del div sinistro uguale a questa variabile.


Ho provato con questo codice ma non funziona, sebbene un alert contenente la prima stringa funga correttamente aprendomi una finestrella con l'altezza della colonna di destra.

<script type="text/javascript">
    <!--
    var altezza = getComputedStyle( document.getElementById("right"), "").height );
    document.getElementById("left").setAttribute("height", altezza);
    -->
</script>

[tampertools]

Puoi procedere in due modi:

• Usando solo i CSS con flexbox
• o con JavaScript:
  

  var altezza = document.getElementById("right").clientHeight;
  document.getElementById("left").style.height = altezza + "px";

PS
Anziché

-->

credo tu debba scrivere

// -->