자유롭게 게시물을 올릴수있는 게시판입니다.
  • 유년추억
  • 학교생활
  • 입시준비
  • 대학생활
  • 군생활
  • 알바생활
  • 취업준비
  • 직장생활
  • 원룸생활
  • 연애중
  • 결혼준비
  • 집안살림
  • 자녀교육
  • 창업준비
  • 이민유학
  • 노후생활
  • 전체보기


BCPARK 유튜브 구독 감사합니다. BCPARK 유튜브 구독 감사합니다.
비씨파크 회원 뭉쳐서 100만 유튜브 채널 가즈아~~~


텍스트 박스에 입력한 숫자를 이미지 숫자로 바꾸어 주기

 

<html>
<head>
<title></title>
</head>
<body>
<p align="center">아래에 숫자를 넣고 확인 버튼을 눌러보세요 ^^*
<br>
<input type="text" name="text1">
<input type="button" value="확인" onclick="sijak()">
</p>

<p align="center"><span id="output">여기에 출력됨</span></p>
<script language="JavaScript">
<!--

function sijak(){ // 입력된 값이 숫자인지 체크함
var tmp = text1.value * 0
if(tmp != 0)alert('숫자만 입력하세요')
else gogo(text1.value) // 숫자일경우 gogo() 호출
}

function gogo(str){
var counts = ''
var gap = str
gap = gap + '' // 숫자값을 문자값으로 바꿈

for(i=0;i<gap.length;i++){ //값을 앞에서 하나씩 분석하여 해당 이미지로 만들기
var tmp = gap.substring(i,i+1)
counts += '<img src="count' + tmp + '.gif">'
}
output.innerHTML = counts
}
//-->
</script>
</body>
</html>

응용해서 쓰시면 되겠네요.



비씨파크 카카오톡 오픈채팅방 오픈! gogogo~~~
[초대코드 bcpark]


minaam
written by minaam (minaam)
2004-05-11 11:21:07
1024 번 읽음
☞ 로그인 후 의견을 남기실 수 있습니다
 캐시선물


홈페이지 운영하세요? 용량과 트래픽과 가격으로 고민하셨어요?
비씨파크 평생 무제한 웹호스팅





Copyright ⓒ 2000-2026 BCPARK Inc. All Right Reserved.

365ch.com 128bit Valid HTML 4.01 Transitional and Valid CSS!
태그