이전 예제의 내용을 파일에서 가져와 동적 페이지 구성하기
index.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body id="target">
<header>
<img src="https://s3.ap-northeast-2.amazonaws.com/opentutorials-user-file/course/94.png" alt="생활코딩">
<h1><a href="/study/index.php">JavaScript</a></h1>
</header>
<nav>
<ol>
<?php
echo file_get_contents("list.txt");
?>
</ ol>
</nav>
<div id="control">
<input type="button" value="white" onclick="document.getElementById('target').className='white'"/>
<input type="button" value="black" onclick="document.getElementById('target').className='black'" />
</div>
<article>
<?php
if( empty($_GET['id']) == false ) {
echo file_get_contents($_GET['id'].".txt");
}
?>
</article>
</body>
</html>
list.txt
<li><a href="/study/index.php?id=1">JavaScript란?</a></li>
<li><a href="/study/index.php?id=2">변수와 상수</a></li>
<li><a href="/study/index.php?id=3">연산자</a></li>
1.txt
<h2>JavaScript란?</h2>
JavaScript는 html을 제어합니다.
2.txt
<h2>변수와 상수</h2>
변수는 바뀌는 것 상수는 바뀌지 않은 것
3.txt
<h2>연산자</h2>
연산자는 계산하는 것입니다