728x90
sq06.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
input[name='it_first'], input[name='it_last']{
width:40px;
}
#ta{
height: 200px;
}
</style>
<script>
function getStar(cnt){
var ret = "";
for(var i=0; i<cnt; i++){
ret += "*";
}
ret +="\n";
return ret;
}
function myclick(){
var obj_f = $('input[name=it_first]')
var obj_l = $('input[name=it_last]')
var f = obj_f.val();
var l = obj_l.val();
var ff = parseInt(f);
var ll = parseInt(l);
var txt = "";
// for(var i=ff; i<=ll; i++){
// txt += getStar(i)
// }
for(var i=ff; i<=ll; i++){
for(var j=0; j<i; j++){
txt += "*";
}
txt += "\n";
}
$('#ta').val(txt);
// ta.value=txt;
}
$(function(){
$('#btn').bind('click',function(){
myclick()
})
})
</script>
</head>
<body>
EX06
<table border="1">
<tr>
<td>시작별수 :</td>
<td>
<input type="text" name="it_first">
</td>
</tr>
<tr>
<td>끝별수 :</td>
<td>
<input type="text" name="it_last">
</td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="별출력하기" id="btn">
</td>
</tr>
<tr>
<td colspan="2">
<textarea id="ta" rows="" cols=""></textarea>
</td>
</tr>
</table>
</body>
</html>
시작별수와 끝별수에 숫자를 입력하고 별출력하기를 누르면
이렇게 결과가 나온다
'Python > Muzi' 카테고리의 다른 글
| Jquery강화학습08. 야구게임 만들기 (0) | 2023.07.13 |
|---|---|
| Jquery강화학습07. 홀짝 게임만들기 (0) | 2023.07.13 |
| Jquery강화학습05. 전화기 만들기 (0) | 2023.07.12 |
| Jquery강화학습04. 구구단 생성해서 출력하기 (0) | 2023.07.12 |
| Jquery강화학습03. 로또번호 생성하기 (0) | 2023.07.12 |
