<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS07.종합문제.html</title>
<script>
//문제1. 문자열 객체를 이용해 다음 결과 화면과 같이 출력되도록 코드를 작성하세요.
//010-2345-1234 를 010-2345-**** 을 변경하여 출력한다.
//images/pic_1.jpg 를 images/pic_2.jpg 로 출력한다.
var phoneNum = '010-2345-1234';
var result = phoneNum.substring(phoneNum.length-4, 0);
document.write(result, '****<br>');
var imgSrc = '<img src="images/pic_1.jpg">';
document.write(imgSrc);
function imgChange() {
var resultSrc = imgSrc.replace("pic_1.jpg", "pic_2.jpg");
document.write(resultSrc);
}
//메뉴 랜덤 선택
var menu = ["짜장면", "돈가스", "된장국", "김치찌개", "탕수육"];
var number = Math.floor(Math.random()*menu.length);
console.log(menu[number]);
function clickEvent() {
var result = document.getElementById('click').value;
alert(result);
}
</script>
</head>
<body>
<ul>
<li><input id="click" type="text" name="name"></li>
<li><input type="button" value="BUTTON" onClick="clickEvent()"></li>
<li><button onClick="imgChange()">이미지 변경</button></li>
</ul>
</body>
</html>