Testielementti JavaScriptissä
Luodaan testi elementti, jonka avulla opimme erilaisia metrikoita seuraavissa oppitunneissa. Järjestämme tämän elementin siten, että siinä on reunukset, sisäinen marginaali, sekä vierityspalkit:
<div id="elem">
some long text
</div>
#elem {
width: 300px;
height: 150px;
margin: 50px auto;
padding: 25px;
background: #CFF5BF;
border: 25px solid #F0D7A1;
overflow: auto;
text-align: justify;
}
:
Saadaan viite tähän elementtiin muuttujaan:
let elem = document.querySelector('#elem');
Tee itsellesi vastaava testielementti. Tarkista sen ominaisuuksia, joita opiskellaan seuraavissa oppitunneissa.