Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<p> <button onclick="spatne()">Zvětšit špatně</button> <button onclick="dobre()">Zvětšit dobře</button> </p> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div>}</div> <div>${202}</div> <div>${203}</div> <div>${204}</div> <div>${205}</div> <div>${206}</div> <div>${207}</div> <div>${208}</div> <div>${209}</div> <div>${210}</div> <div>${211}</div> <div>${212}</div> <div>${213}</div> <div>${214}</div> <div>${215}</div> <div>${216}</div> <div>${217}</div> <div>${218}</div> <div>${219}</div> <div>${220}</div> <div>${221}</div> <div>${222}</div> <div>${223}</div> <div>${224}</div> <div>${225}</div> <div>${226}</div> <div>${227}</div> <div>${228}</div> <div>${229}</div> <div>${230}</div> <div>${231}</div> <div>${232}</div> <div>${233}</div> <div>${234}</div> <div>${235}</div> <div>${236}</div> <div>${237}</div> <div>${238}</div> <div>${239}</div> <div>${240}</div> <div>${241}</div> <div>${242}</div> <div>${243}</div> <div>${244}</div> <div>${245}</div> <div>${246}</div> <div>${247}</div> <div>${248}</div> <div>${249}</div> <div>${250}</div> <div>${251}</div> <div>${252}</div> <div>${253}</div> <div>${254}</div> <div>${255}</div> <div>${256}</div> <div>${257}</div> <div>${258}</div> <div>${259}</div> <div>${260}</div> <div>${261}</div> <div>${262}</div> <div>${263}</div> <div>${264}</div> <div>${265}</div> <div>${266}</div> <div>${267}</div> <div>${268}</div> <div>${269}</div> <div>${270}</div> <div>${271}</div> <div>${272}</div> <div>${273}</div> <div>${274}</div> <div>${275}</div> <div>${276}</div> <div>${277}</div> <div>${278}</div> <div>${279}</div> <div>${280}</div> <div>${281}</div> <div>${282}</div> <div>${283}</div> <div>${284}</div> <div>${285}</div> <div>${286}</div> <div>${287}</div> <div>${288}</div> <div>${289}</div> <div>${290}</div> <div>${291}</div> <div>${292}</div> <div>${293}</div> <div>${294}</div> <div>${295}</div> <div>${296}</div> <div>${297}</div> <div>${298}</div> <div>${299}</div> <div>${300}</div> <div>${301}</div> <div>${302}</div> <div>${303}</div> <div>${304}</div> <div>${305}</div> <div>${306}</div> <div>${307}</div> <div>${308}</div> <div>${309}</div> <div>${310}</div> <div>${311}</div> <div>${312}</div> <div>${313}</div> <div>${314}</div> <div>${315}</div> <div>${316}</div> <div>${317}</div> <div>${318}</div> <div>${319}</div> <div>${320}</div> <div>${321}</div> <div>${322}</div> <div>${323}</div> <div>${324}</div> <div>${325}</div> <div>${326}</div> <div>${327}</div> <div>${328}</div> <div>${329}</div> <div>${330}</div> <div>${331}</div> <div>${332}</div> <div>${333}</div> <div>${334}</div> <div>${335}</div> <div>${336}</div> <div>${337}</div> <div>${338}</div> <div>${339}</div> <div>${340}</div> <div>${341}</div> <div>${342}</div> <div>${343}</div> <div>${344}</div> <div>${345}</div> <div>${346}</div> <div>${347}</div> <div>${348}</div> <div>${349}</div> <div>${350}</div> <div>${351}</div> <div>${352}</div> <div>${353}</div> <div>${354}</div> <div>${355}</div> <div>${356}</div> <div>${357}</div> <div>${358}</div> <div>${359}</div> <div>${360}</div> <div>${361}</div> <div>${362}</div> <div>${363}</div> <div>${364}</div> <div>${365}</div> <div>${366}</div> <div>${367}</div> <div>${368}</div> <div>${369}</div> <div>${370}</div> <div>${371}</div> <div>${372}</div> <div>${373}</div> <div>${374}</div> <div>${375}</div> <div>${376}</div> <div>${377}</div> <div>${378}</div> <div>${379}</div> <div>${380}</div> <div>${381}</div> <div>${382}</div> <div>${383}</div> <div>${384}</div> <div>${385}</div> <div>${386}</div> <div>${387}</div> <div>${388}</div> <div>${389}</div> <div>${390}</div> <div>${391}</div> <div>${392}</div> <div>${393}</div> <div>${394}</div> <div>${395}</div> <div>${396}</div> <div>${397}</div> <div>${398}</div> <div>${399}</div> <div>${400}</div> <div>${401}</div> <div>${402}</div> <div>${403}</div> <div>${404}</div> <div>${405}</div> <div>${406}</div> <div>${407}</div> <div>${408}</div> <div>${409}</div> <div>${410}</div> <div>${411}</div> <div>${412}</div> <div>${413}</div> <div>${414}</div> <div>${415}</div> <div>${416}</div> <div>${417}</div> <div>${418}</div> <div>${419}</div> <div>${420}</div> <div>${421}</div> <div>${422}</div> <div>${423}</div> <div>${424}</div> <div>${425}</div> <div>${426}</div> <div>${427}</div> <div>${428}</div> <div>${429}</div> <div>${430}</div> <div>${431}</div> <div>${432}</div> <div>${433}</div> <div>${434}</div> <div>${435}</div> <div>${436}</div> <div>${437}</div> <div>${438}</div> <div>${439}</div> <div>${440}</div> <div>${441}</div> <div>${442}</div> <div>${443}</div> <div>${444}</div> <div>${445}</div> <div>${446}</div> <div>${447}</div> <div>${448}</div> <div>${449}</div> <div>${450}</div> <div>${451}</div> <div>${452}</div> <div>${453}</div> <div>${454}</div> <div>${455}</div> <div>${456}</div> <div>${457}</div> <div>${458}</div> <div>${459}</div> <div>${460}</div> <div>${461}</div> <div>${462}</div> <div>${463}</div> <div>${464}</div> <div>${465}</div> <div>${466}</div> <div>${467}</div> <div>${468}</div> <div>${469}</div> <div>${470}</div> <div>${471}</div> <div>${472}</div> <div>${473}</div> <div>${474}</div> <div>${475}</div> <div>${476}</div> <div>${477}</div> <div>${478}</div> <div>${479}</div> <div>${480}</div> <div>${481}</div> <div>${482}</div> <div>${483}</div> <div>${484}</div> <div>${485}</div> <div>${486}</div> <div>${487}</div> <div>${488}</div> <div>${489}</div> <div>${490}</div> <div>${491}</div> <div>${492}</div> <div>${493}</div> <div>${494}</div> <div>${495}</div> <div>${496}</div> <div>${497}</div> <div>${498}</div> <div>${499}</div> <div>${0}</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { width: 100px; height: 100px; background: #000; }
CSS
Autoformát
CSS reset
Až na konci
var elementy = document.querySelectorAll("div"); function spatne() { for (var i = elementy.length; i--; ) { var novaSirka = elementy[i].offsetWidth + 20 + "px"; var novaVyska = elementy[i].offsetHeight + 20 + "px"; elementy[i].style.cssText = "width: " + novaSirka + "; height: " + novaVyska; } } function dobre() { var sirky = []; var vysky = []; for (var i = elementy.length; i--; ) { sirky[i] = elementy[i].offsetWidth + 20 + "px"; vysky[i] = elementy[i].offsetHeight + 20 + "px"; } for (var j = elementy.length; j--; ) { elementy[j].style.cssText = "width: " + sirky[j] + "; height: " + vysky[j]; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>