-
자바스크립트 1일차교육/자바스크립트 2014. 9. 3. 15:00
<html>
<head>
<meta charset='utf-8'>
<title>SDS 커피</title>
</head>
<body><h2>자바 스크립트 1일차</h2>
<h2>커피 메뉴</h2>
<table>
<th>메뉴</th>
<th>가격</th>
<th>수량</th>
<tr>
<td>아메리카노</td>
<td>4.0</td>
<td><input type='text' name='latte_qty'></td>
</tr>
<tr>
<td>카페라떼</td>
<td>4.5</td>
<td><input type='text'></td>
</tr>
<tr>
<td>카푸치노</td>
<td>5.0</td>
<td><input type='text'></td>
</tr>
</table>
<p>합계: </p><h3>상품 이미지 표시</h3>
<script type="text/javascript">var sel_coffee='espresso';
var coffee_img = ['americano.jpg','latte.jpg','espresso.jpg'];
if(sel_coffee =='americano'){
document.writeln('<img src="americano.jpg"></img>');
}else if(sel_coffee =='latte'){
document.writeln('<img src="latte.jpg"></img>');
}else{
document.writeln('<img src="espresso.jpg"></img>');
}
//'<img src="'+coffe_list_str+'">';
var coffee_list= [['americano',4,'americano.jpg'],['latte',4.5,'latte.jpg'],['espresso',3,'espresso.jpg']];
for(var i=0;i<3;i++){
console.log('하하하');
}
for(var i=0;i<coffee_list.length;i++){
var menu_name=coffee_list[i][0];
if(sel_coffee==menu_name){
document.writeln('<img src="'+coffee_list[i][2]+'">');
}
}
</script>
<br><br>
<script type="text/javascript">
//이곳이 자바스크립트
var name = '윤승현';
//console.log(name);
document.writeln(name+'docu');
</script>
<br><br>
<script type="text/javascript">
var x=30;
if(x>=20){
document.writeln('변수 x는 20이상이다');
}else if(x>=10){
document.writeln('변수 x는 10이상이다');
}else{
document.writeln('변수 x는 10미만이다');
}
</script>
<script type="text/javascript">
var ary1=['a','b','c','d'];
var ary2=['e','f','g','h'];
ary1.concat(ary2);
ary1.join(',');
ary1.join();
coffe_list_str=ary1.join();
ary3=coffe_list_str.split(',',[3]);
var str1 = '뜰에 뜰에 뜰에는 닭이 있다.';
str1.indexOf('뜰');
str1.lastIndexOf('뜰');
str1.slice(0,str1.lastIndexOf('뜰')+1);
document.writeln(str1.slice(5,-2));</script>
<br><br>
<script>
var member = ['ya','se','sa'];
for(var i in member){
document.writeln('이름은' + member[i]);
}
document.write('<br><br>삼육구~ 삼육구~ <br>')
for(var i=8; i<10;i++)
{
document.writeln('x값은 :'+i);
}}
</script>
</body>
</html>
'교육 > 자바스크립트' 카테고리의 다른 글
자바스크립트 4일차_내 소스 (0) 2014.09.05 자바스크립트 3일차_강사소스 (0) 2014.09.04 자바스크립트 3일차_내 소스 (0) 2014.09.04 자바스크립트 2일차 (0) 2014.09.03
day1.html
