Sandbox 沙盒

如何插入程式碼區塊，並即時預覽：Toolbar 第三行，點擊「插入程式碼範例模板」按鈕

<p>hello sandbox</p>

p {
  color: blue;
}

var p = document.querySelector('p');
p.addEventListener('mouseover', function(e) {
  p.style.color = 'green';
})
p.addEventListener('mouseout', function(e) {
  p.style.color = 'blue';
})

@ Compteur de style fisheye {
  système: cyclique;
  symboles: ◉;

<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>

}

.liste {
    list-style: fisheye, cercle;
}

<p>Hello World</p>

Des trucs

$\ Pi \ times 1 = 1 \ times \ pi = 2 \ pi \ div \ pi = \ pi$

$\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}$

$\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}$

$\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, dx$

$l\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, d+x$

$\alphabet$

$\ pifacts {3}$

contenu

<p>Hello World</p>

<input type="text" id="myTextField" value="Text field.">
<p></p>
<button type="button" onclick="focusMethod()">Click me to focus on the text field!</button> 

/* Sample CSS Content */

focusMethod = function getFocus() {
  document.getElementById("myTextField").focus();
} 

<button type="button" id="myButton">Click Me!</button>
<p></p>
<button type="button" onclick="focusMethod()">Click me to focus on the button!</button> 

Sample CSS Content

focusMethod = function getFocus() {
  document.getElementById("myButton").focus();
}