Uncaught ReferenceError
ํธ๋ ๋ก์์ ์ฌ์ฉ๋๋ ์นธ๋ฐ๋ณด๋๋ฅผ ๊ตฌํํ๊ธฐ์ , ํ
์คํธ๋ฅผ ์ํด ๊ฐ๋จํ ๋์ div ์์ฑ ์ฝ๋๋ฅผ ์์ฑํด๋ณด์์ต๋๋ค. ์ฝ๋๋ ์๋์ ๊ฐ์ต๋๋ค.
<input type='button' value='createDiv' onclick='createDiv()'/>
HTML
๋ณต์ฌ
<script>
function createDiv() {
const newDiv = document.createElement('div');
const newText = document.createTextNode('์๋
ํ์ธ์');
newDiv.appendChild(newText);
document.body.appendChild(newDiv);
}
</script>
JavaScript
๋ณต์ฌ
ํ์ง๋ง ์คํํด๋ณด๋, ๋ค์๊ณผ ๊ฐ์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์์ต๋๋ค.
๊ทธ๋์ ๋ค์๊ณผ ๊ฐ์ด ์คํฌ๋ฆฝํธ๋ฅผ ์์ ํ์ฌ ์คํํด ๋ณด์์ต๋๋ค.
<script th:inline="javascript">
function createDiv() {
const newDiv = document.createElement('div');
const newText = document.createTextNode('์๋
ํ์ธ์');
newDiv.appendChild(newText);
document.body.appendChild(newDiv);
}
</script>
JavaScript
๋ณต์ฌ
ํ์ง๋ง ๊ฒฐ๊ณผ๋ ๊ฐ์๊ณ , ํน์ ์์น์ ๋ฌธ์ ์ธ๊ฐ ์ถ์ด <script> ํ๊ทธ๋ฅผ ๋ด๋ถ๋ก ์ฎ๊ฒจ๋ณด์์ง๋ง,, ๊ทธ๋๋ ๋ณํจ์ด ์์์ต๋๋ค.
onclick ์ ๋ฌธ์ ?
๊ฐ๋ฐ์ ๋๊ตฌ์์๋ ์ด line ์ด ๋ฌธ์ ๋ผ ํ์์ต๋๋ค.
๊ทธ๋์ ๋ฌธ๋ฒ ์ค๋ฅ์ธ๊ฐ ์ถ์ด ๋ค์๊ณผ ๊ฐ์ด ์์ ํ๊ณ ์คํํด๋ณด์์ต๋๋ค.
<div id="contents">
<!-- board-->
<input type='button' value='createDiv' th:onclick="createDiv()"/>
</div>
HTML
๋ณต์ฌ
ํ์ง๋ง ์ฌํ๊ฒ๋ ๊ฒฐ๊ณผ๋ ๊ฐ์์ต๋๋ค. ํน์๋ชฐ๋ผ type="text/javascript" ๋ ์ถ๊ฐํด๋ณด์์ง๋ง,,
ํด๊ฒฐ์ด ๋์ง ์์์ต๋๋ค,, ์๋นํ ๋นํฉ์ค๋ฝ๋ค์,,
ํด๊ฒฐ
ํ์๋ฆฌํ ๋ ์ด์์ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ๋ ๋ฐ์ํ ์ ์๋ ์ค๋ฅ์์ต๋๋ค.
๋๋ฒ์งธ ๋ฐฉ์์ ์ฌ์ฉํ์ฌ ํด๊ฒฐํ์์ต๋๋ค.