웹개발
Category
JSP/Servlet
ASP
ASP.NET
PHP
웹디자인
Category
Photoshop
Illustrator
Flash
클라이언트 스크립트
Category
●
Javascript Example
Javascript
CSS3
HTML5
데이타 베이스
Category
MySQL
MSSQL
커뮤니티
Category
공지사항
개발자마당
엔지니어마당
자유마당
플래쉬게임
여행과정보
질문과 답변
Category
웹개발 질문과답변
디자인 질문과답변
자료실
Category
이미지 자료실
개발 자료실
클럽
Category
자동차클럽
하늘소리
공이랑
Javascript Example
Javascript
CSS3
HTML5
Javascript Example
제 목
[TABLE] 테이블을 이용한 스프레드시트 시뮬레이션
작성자
운영자
등록일
200806300102816
조회수
23,740
테이블을 이용한 스프레드시트 시뮬레이션 자바스크립트 소스입니다.
아래 각 항목에 숫자를 입력 한 뒤 합계/평균 버튼을 클릭 해 보세요
<script language="javascript"> <!-- var nCountA=0 var nCountB=0 var nCountC=0 var nCountD=0 var nCountE=0 var nSumA=0 var nSumB=0 var nSumC=0 var nSumD=0 var nSume=0 function addItA() { // A 열 합계 계산 nCountA=0 var nA1=parseFloat(window.document.ss.A1.value) if (nA1/1!==nA1) {nA1=0} else {nCountA++} var nA2=parseFloat(window.document.ss.A2.value) if (nA2/1!==nA2) {nA2=0} else {nCountA++} var nA3=parseFloat(window.document.ss.A3.value) if (nA3/1!==nA3) {nA3=0} else {nCountA++} var nA4=parseFloat(window.document.ss.A4.value) if (nA4/1!==nA4) {nA4=0} else {nCountA++} // var nA5=parseFloat(window.document.ss.A5.value) if (nA5/1!==nA5) {nA5=0} else {nCountA++} var nA6=parseFloat(window.document.ss.A6.value) if (nA6/1!==nA6) {nA6=0} else {nCountA++} var nA7=parseFloat(window.document.ss.A7.value) if (nA7/1!==nA7) {nA7=0} else {nCountA++} var nA8=parseFloat(window.document.ss.A8.value) if (nA8/1!==nA8) {nA8=0} else {nCountA++} var nA9=parseFloat(window.document.ss.A9.value) if (nA9/1!==nA9) {nA9=0} else {nCountA++} // alert("nCountA="+nCountA) nSumA=nA1+nA2+nA3+nA4+nA5+nA6+nA7+nA8+nA9 window.document.ss.A10.value=nSumA } function addItB() {// B 열 합계 계산 nCountB=0 var nB1=parseFloat(window.document.ss.B1.value) if (nB1/1!==nB1) {nB1=0} else {nCountB++} var nB2=parseFloat(window.document.ss.B2.value) if (nB2/1!==nB2) {nB2=0} else {nCountB++} var nB3=parseFloat(window.document.ss.B3.value) if (nB3/1!==nB3) {nB3=0} else {nCountB++} // var nB4=parseFloat(window.document.ss.B4.value) if (nB4/1!==nB4) {nB4=0} else {nCountB++} var nB5=parseFloat(window.document.ss.B5.value) if (nB5/1!==nB5) {nB5=0} else {nCountB++} var nB6=parseFloat(window.document.ss.B6.value) if (nB6/1!==nB6) {nB6=0} else {nCountB++} var nB7=parseFloat(window.document.ss.B7.value) if (nB7/1!==nB7) {nB7=0} else {nCountB++} var nB8=parseFloat(window.document.ss.B8.value) if (nB8/1!==nB8) {nB8=0} else {nCountB++} var nB9=parseFloat(window.document.ss.B9.value) if (nB9/1!==nB9) {nB9=0} else {nCountB++} // alert("nCountB="+nCountB) nSumB=nB1+nB2+nB3+nB4+nB5+nB6+nB7+nB8+nB9 window.document.ss.B10.value=nSumB } function addItC() {// C 열 합계 계산 nCountC=0 var nC1=parseFloat(window.document.ss.C1.value) if (nC1/1!==nC1) {nC1=0} else {nCountC++} var nC2=parseFloat(window.document.ss.C2.value) if (nC2/1!==nC2) {nC2=0} else {nCountC++} var nC3=parseFloat(window.document.ss.C3.value) if (nC3/1!==nC3) {nC3=0} else {nCountC++} var nC4=parseFloat(window.document.ss.C4.value) if (nC4/1!==nC4) {nC4=0} else {nCountC++} // var nC5=parseFloat(window.document.ss.C5.value) if (nC5/1!==nC5) {nC5=0} else {nCountC++} var nC6=parseFloat(window.document.ss.C6.value) if (nC6/1!==nC6) {nC6=0} else {nCountC++} var nC7=parseFloat(window.document.ss.C7.value) if (nC7/1!==nC7) {nC7=0} else {nCountC++} var nC8=parseFloat(window.document.ss.C8.value) if (nC8/1!==nC8) {nC8=0} else {nCountC++} var nC9=parseFloat(window.document.ss.C9.value) if (nC9/1!==nC9) {nC9=0} else {nCountC++} // alert("nCountC="+nCountC) nSumC=nC1+nC2+nC3+nC4+nC5+nC6+nC7+nC8+nC9 window.document.ss.C10.value=nSumC } function addItD() {// D 열 합계 계산 nCountD=0 var nD1=parseFloat(window.document.ss.D1.value) if (nD1/1!==nD1) {nD1=0} else {nCountD++} var nD2=parseFloat(window.document.ss.D2.value) if (nD2/1!==nD2) {nD2=0} else {nCountD++} var nD3=parseFloat(window.document.ss.D3.value) if (nD3/1!==nD3) {nD3=0} else {nCountD++} var nD4=parseFloat(window.document.ss.D4.value) if (nD4/1!==nD4) {nD4=0} else {nCountD++} // var nD5=parseFloat(window.document.ss.D5.value) if (nD5/1!==nD5) {nD5=0} else {nCountD++} var nD6=parseFloat(window.document.ss.D6.value) if (nD6/1!==nD6) {nD6=0} else {nCountD++} var nD7=parseFloat(window.document.ss.D7.value) if (nD7/1!==nD7) {nD7=0} else {nCountD++} var nD8=parseFloat(window.document.ss.D8.value) if (nD8/1!==nD8) {nD8=0} else {nCountD++} var nD9=parseFloat(window.document.ss.D9.value) if (nD9/1!==nD9) {nD9=0} else {nCountD++} // alert("nCountD="+nCountD) nSumD=nD1+nD2+nD3+nD4+nD5+nD6+nD7+nD8+nD9 window.document.ss.D10.value=nSumD } function addItE() {// E 열 합계 계산 nCountE=0 var nE1=parseFloat(window.document.ss.E1.value) if (nE1/1!==nE1) {nE1=0} else {nCountE++} var nE2=parseFloat(window.document.ss.E2.value) if (nE2/1!==nE2) {nE2=0} else {nCountE++} var nE3=parseFloat(window.document.ss.E3.value) if (nE3/1!==nE3) {nE3=0} else {nCountE++} var nE4=parseFloat(window.document.ss.E4.value) if (nE4/1!==nE4) {nE4=0} else {nCountE++} // var nE5=parseFloat(window.document.ss.E5.value) if (nE5/1!==nE5) {nE5=0} else {nCountE++} var nE6=parseFloat(window.document.ss.E6.value) if (nE6/1!==nE6) {nE6=0} else {nCountE++} var nE7=parseFloat(window.document.ss.E7.value) if (nE7/1!==nE7) {nE7=0} else {nCountE++} var nE8=parseFloat(window.document.ss.E8.value) if (nE8/1!==nE8) {nE8=0} else {nCountE++} var nE9=parseFloat(window.document.ss.E9.value) if (nE9/1!==nE9) {nE9=0} else {nCountE++} // alert("nCountE="+nCountE) nSumE=nE1+nE2+nE3+nE4+nE5+nE6+nE7+nE8+nE9 window.document.ss.E10.value=nSumE } function avgA() { // A 열 평균 addItA() window.document.ss.A10.value=nSumA/nCountA // alert('nSumA='+nSumA+'\nnCountA='+nCountA) } function avgB() { // B 열 평균 addItB() window.document.ss.B10.value=nSumB/nCountB // alert('nSumB='+nSumB+'\nnCountB='+nCountB) } function avgC() { // C 열 평균 addItC() window.document.ss.C10.value=nSumC/nCountC // alert('nSumC='+nSumC+'\nnCountC='+nCountC) } function avgD() { // D 열 평균 addItD() window.document.ss.D10.value=nSumD/nCountD // alert('nSumD='+nSumD+'\nnDountD='+nCountD) } function avgE() { // E 열 평균 addItE() window.document.ss.E10.value=nSumE/nCountE // alert('nSumE='+nSumE+'\nnCountE='+nCountE) } //--> </script> <p align=center><b>아래 각 항목에 숫자를 입력 한 뒤 합계/평균 버튼을 클릭 해 보세요</b> <form method="POST" name="ss"> <p align="center"> <input type="text" size="3" name="T0"> <input type="text" size="12" name="T1" value="A"> <input type="text" size="12" name="B" value="B"> <input type="text" size="12" name="B11" value="C"> <input type="text" size="12" name="B12" value="D"> <input type="text" size="12" name="B33" value="E"><br> <input type="text" size="3" name="T1" value="1"> <input type="text" size="12" name="A1"> <input type="text" size="12" name="B1"> <input type="text" size="12" name="C1"> <input type="text" size="12" name="D1"> <input type="text" size="12" name="E1"><br> <input type="text" size="3" name="T2" value="2"> <input type="text" size="12" name="A2"> <input type="text" size="12" name="B2"> <input type="text" size="12" name="C2"> <input type="text" size="12" name="D2"> <input type="text" size="12" name="E2"><br> <input type="text" size="3" name="T3" value="3"> <input type="text" size="12" name="A3"> <input type="text" size="12" name="B3"> <input type="text" size="12" name="C3"> <input type="text" size="12" name="D3"> <input type="text" size="12" name="E3"><br> <input type="text" size="3" name="T4" value="4"> <input type="text" size="12" name="A4"> <input type="text" size="12" name="B4"> <input type="text" size="12" name="C4"> <input type="text" size="12" name="D4"> <input type="text" size="12" name="E4"><br> <input type="text" size="3" name="T5" value="5"> <input type="text" size="12" name="A5"> <input type="text" size="12" name="B5"> <input type="text" size="12" name="C5"> <input type="text" size="12" name="D5"> <input type="text" size="12" name="E5"><br> <input type="text" size="3" name="T6" value="6"> <input type="text" size="12" name="A6"> <input type="text" size="12" name="B6"> <input type="text" size="12" name="C6"> <input type="text" size="12" name="D6"> <input type="text" size="12" name="E6"><br> <input type="text" size="3" name="T7" value="7"> <input type="text" size="12" name="A7"> <input type="text" size="12" name="B7"> <input type="text" size="12" name="C7"> <input type="text" size="12" name="D7"> <input type="text" size="12" name="E7"><br> <input type="text" size="3" name="T8" value="8"> <input type="text" size="12" name="A8"> <input type="text" size="12" name="B8"> <input type="text" size="12" name="C8"> <input type="text" size="12" name="D8"> <input type="text" size="12" name="E8"><br> <input type="text" size="3" name="T9" value="9"> <input type="text" size="12" name="A9"> <input type="text" size="12" name="B9"> <input type="text" size="12" name="C9"> <input type="text" size="12" name="D9"> <input type="text" size="12" name="E9"><br> <input type="text" size="3" name="T10" value="10"> <input type="text" size="12" name="A10"> <input type="text" size="12" name="B10"> <input type="text" size="12" name="C10"> <input type="text" size="12" name="D10"> <input type="text" size="12" name="E10"></p> <div align="center"> <center> <table border="0"> <tr> <td><input type="button" name="BT1" value=" 합계 A " onclick="addItA()"> </td> <td><input type="button" name="BT2" value=" 합계 B " onclick="addItB()"> </td> <td><input type="button" name="BT3" value=" 합계 C" onclick="addItC()"> </td> <td><input type="button" name="BT4" value=" 합계 D" onclick="addItD()"> </td> <td><input type="button" name="BT5" value=" 합계 E " onclick="addItE()"> </td> <td><input type="reset" name="BT11" value="재작성"> </td> </tr> <tr> <td><input type="button" name="BT6" value="평균 A" onclick="avgA()"> </td> <td><input type="button" name="BT7" value="평균 B" onclick="avgB()"> </td> <td><input type="button" name="BT8" value="평균 C" onclick="avgC()"> </td> <td><input type="button" name="BT9" value="평균 D" onclick="avgD()"> </td> <td><input type="button" name="BT10" value="평균 E" onclick="avgE()"> </td> <td> </td> </tr> </table> </div> </form>
0
0
※ 짧은 댓글일수록 예의를 갖추어 작성해 주시기 바랍니다.
번호
제목
글쓴이
추천
조회
날짜
213
[BACK] 1분마다 배경색상이 변합니다.
운영자
0 /
1
24444
2008-07-01
212
[TABLE] 테이블을 이용한 스프레드시트 시뮬레이션
운영자
0 /
0
23740
2008-06-30
211
[INPUT BOX] RGB코드를 HEX 코드로 변화시켜줍니다.
운영자
0 /
0
23323
2008-06-28
210
[TIME] 방문자에게 홈페이지 머문시간 알려주기
운영자
0 /
0
23654
2008-06-28
209
[STATUS] 상태바에 지정된 날짜가 카운트다운 됩니다.
운영자
0 /
0
23468
2008-06-27
208
[INPUT BOX] 첫글자를 대문자로 바꿔주기
운영자
0 /
0
22959
2008-06-25
207
[TABLE] row cell을 insert 시킵니다.
운영자
0 /
0
22926
2008-06-24
206
[TIME] 실시간 ON-OFF 기능 시계
운영자
0 /
1
24424
2008-06-23
205
[INPUT BOX] 페이지내 검색하기!
운영자
0 /
0
24649
2008-06-19
204
[TABLE] 테이블 프레임
운영자
0 /
0
24091
2008-06-18
203
[BUTTON] 전송버튼을 누르면 전송중 표시가 됩니다.
운영자
0 /
0
23260
2008-06-17
202
[DATE] 원하는 형식으로 날짜 입력받기
운영자
0 /
0
30446
2008-06-16
201
[CALENDAR] 깔끔한 팝업 달력
운영자
0 /
0
31744
2008-06-14
200
[CALENDAR] 자동으로 해당 년/월 선택시 일자표시
운영자
0 /
0
24115
2008-06-14
199
[CALCULATOR] 계산기 III
운영자
0 /
0
23150
2008-06-13
198
[SEARCH] 구글 검색 자바스크립트
운영자
0 /
0
24221
2008-06-11
197
[POPUP] 팝업 자바스크립트 소스 생성기
운영자
0 /
0
23339
2008-06-10
196
[SECURITY] 암호화, 복호화 소스
운영자
2 /
0
25648
2008-06-08
195
[KEYCODE] 이벤트 키코드(event.keycode)를 알아내는 소스
운영자
0 /
0
23447
2008-06-08
194
[CHECKBOX] INPUT 박스에 입력된 내용이 정확하면 체크박스에 체크할 수 있는 소..
운영자
0 /
0
23326
2008-06-08
193
[TIME] 스탑워치! 스크립트
운영자
0 /
0
24368
2008-06-05
192
[CALENDAR] 현재시간과 달력을 표시해줍니다.
운영자
0 /
0
23623
2008-06-04
191
[TEXT] 흐르는메세지 출력
운영자
0 /
1
25733
2008-06-03
190
[BUTTON] 전송버튼이 페이딩 됩니다.
운영자
0 /
0
22751
2008-06-02
189
[INPUTBOX] 텍스트 입력시 Caps Lock 키를 체크합니다.
운영자
0 /
0
26955
2008-06-01
[1]
[2]
[3]
[4]
[5]
[6]
7
[8]
[9]
[10]
제목
내용
제목+내용
작성자