li을 기반으로 스팬을 동적으로 생성합니다.
li 태그 수에 따라 동적으로 스팬 태그를 생성하고, 스팬 태그를 클릭하면 해당 li 콘텐츠도 표시됩니다
<!DOCTYPE html>
<html lang="en">
<head>
< 메타 charset="UTF-8">
<title>제목</title>
<link rel="stylesheet" href="css/3.css">
</head>
< ;body>
<ul id="box">
<li>item0</li>
<li>item1</li>
<li>item2</li>
<li>item3< ;/ li>
</ul>
<div id="spans">
</div>
</body>
<script src="js/js3.js">< ;/ 스크립트>
</html>
