---
title: MoSandbox
slug: Sandbox
translation_of: Sandbox
---
<h2 id="I_Love_Travis_Tuohy" name="I_Love_Travis_Tuohy">Cześć WSZYSTKIM</h2>

<h2 id="auto-generate_header_id_test_if...else">auto-generate header id test : if...else</h2>

<h3 id="Cześć_WSZYSTKIM">Cześć WSZYSTKIM</h3>

<h2 id="&lt;h1>Cześć_WSZYSTKIM&lt;h1>_&lt;p>To_jest_&lt;i>świetny&lt;i>_akapit&lt;p>">&lt;h1&gt;Cześć WSZYSTKIM&lt;/h1&gt;<br>
 &lt;p&gt;To jest &lt;i&gt;świetny&lt;/i&gt; akapit&lt;/p&gt;</h2>

<p>Jest to eksperymentalna strona dla ludzi którzy chcą zacząć współpracę z MDM contributor.</p>

<pre class="brush: css">h1{
color: yellow;
}
p{
font-size: low;
}</pre>

<h2 id="Wynik"><strong>Wynik</strong></h2>

<p>{{ EmbedLiveSample('Hello_World', '', '', '', 'Sandbox') }}</p>

<h2 id="Test_Template" name="Test_Template">Testowy wygląd</h2>

<h3 id="Kod_HTML">Kod HTML</h3>

<pre class="brush: html">&lt;canvas id='the_canvas'&gt;&lt;/canvas&gt;</pre>

<h3 id="Kod_CSS">Kod CSS</h3>

<pre class="brush: css">body, html, canvas {width:100%; height:100%;}
</pre>

<h3 id="Kod_JavaScript">Kod JavaScript</h3>

<pre class="brush: js">var canvas = document.getElementById('the_canvas');
var ctx = canvas.getContext('2d');

ctx.fillRect(50, 50, 100, 100);
</pre>

<p> </p>

<p>{{ EmbedLiveSample('Test_Template') }}</p>

<h2 id="Inny_livesample">Inny livesample</h2>

<p>Kod JavaScript</p>

<pre class="brush: js">const result = 1 + 1;
document.body.innerHTML += result;
</pre>

<p>Wyjście:<br>
 {{ EmbedLiveSample('Another_livesample', 100, 20) }}<br>
 Koniec wyjścia<br>
  </p>

<p>Kod HTML</p>

<pre class="brush: html">&lt;div&gt;Hola Mundo&lt;/div&gt;</pre>

<p> </p>

<p> </p>