"JsFiddle Hello World"의 두 판 사이의 차이

2020년 11월 2일 (월) 02:54 기준 최신판

1 개요[ | ]

jsFiddle Hello World

<div id='greet'>Hello World</div>
<button onclick='btn1_click()'>배경색 변경</button>
<button onclick='btn2_click()'>알림</button>
<script>
function btn1_click() {
    var o = document.getElementById('greet');
    o.style.background = 'red';
}
function btn2_click() {
    alert('안녕');
}
</script>

2 같이 보기[ | ]

jsFiddle

@@ 2번째 줄: / 2번째 줄: @@
 ;jsFiddle Hello World
-<source lang='html5'>
+<syntaxhighlight lang='html5'>
-<div>Hello</div>
+<div id='greet'>Hello World</div>
-<div>World</div>
+<button onclick='btn1_click()'>배경색 변경</button>
-</source>
+<button onclick='btn2_click()'>알림</button>
-<jsfiddle>h4x8du6u/5</jsfiddle>
+<script>
+function btn1_click() {
+    var o = document.getElementById('greet');
+    o.style.background = 'red';
+}
+function btn2_click() {
+    alert('안녕');
+}
+</script>
+</syntaxhighlight>
+<jsfiddle>h4x8du6u</jsfiddle>
+==같이 보기==
+*[[jsFiddle]]
 [[분류: jsFiddle]]