목록
아래로
위로

계산기를 만드는데 문제가!

6
studyHTML
2018.11.06. 23:06
조회 수 217

<!DOCTYPE html>

<html>

<head>

<title>Studyhtml의 숲: 계산기-Javascript</title>

<style>

.maintitle {

font-family:"맑은 고딕", 돋움, 굴림, Arial, Helvetica, sans-serif; font-size:20px; color:green; text-align:center; text-decoration:none;

}

.locationcenter {

text-align:center; font-family:"맑은 고딕", 돋움, 굴림, Arial, Helvetica, sans-serif;

}

body {

background-color:whitesmoke;

}

</style>

</head>

<body>

<h1 class="maintitle"><strong><a href="/index.html"; class="maintitle"></strong>Studyhtml의 숲</a></h1>

</div>

<h3 class="locationcenter">계산기-Javascript</h3>

<hr>

</div>

</div>

</div>

var answer = 0;

var yeonsanstyle = plus;

var firstnumber = 0;

function enter1(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "1";

entercomplete(answer);

}

function enter2(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "2";

entercomplete(answer);

}

function enter3(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "3";

entercomplete(answer);

}

function enter4(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "4";

entercomplete(answer);

}

function enter5(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "5";

entercomplete(answer);

}

function enter6(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "6";

entercomplete(answer);

}

function enter7(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "7";

entercomplete(answer);

}

function enter8(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "8";

entercomplete(answer);

}

function enter9(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "9";

entercomplete(answer);

}

function enter0(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer + "0";

entercomplete(answer);

}

function entercomplete(answer) {

document.getElementById("answertext").innerHTML = answer;

}

function delnumber(answer) {

var answer = document.getElementById("answertext").innerHTML;

var answer = answer.slice(0, -1);

entercomplete(answer);

}

function plus(answer) {

var answer = document.getElementById("answertext").innerHTML;

var firstnumber = answer;

var yeonsanstyle = "plus";

var answer = "0";

entercomplete(answer)

}

function minus(answer) {

var answer = document.getElementById("answertext").innerHTML;

var firstnumber = answer;

var yeonsanstyle = "minus";

var answer = "0";

entercomplete(answer)

}

function times(answer) {

var answer = document.getElementById("answertext").innerHTML;

var firstnumber = answer;

var yeonsanstyle = "times";

var answer = "0";

entercomplete(answer)

}

function devide(answer) {

var answer = document.getElementById("answertext").innerHTML;

var firstnumber = answer;

var yeonsanstyle = "devide";

var answer = "0";

entercomplete(answer)

}

function calculation(answer, yeonsanstyle, firstnumber) {

if(yeonsanstyle == "plus") {

var intanswer = answer * 1;

var intfirstnumber = firstnumber * 1;

var answer = intanswer + intfirstnumber;

var firstnumber = 0

entercomplete(answer)

}

if(yeonsanstyle == "minus") {

var intanswer = answer * 1;

var intfirstnumber = firstnumber * 1;

var answer = intanswer - intfirstnumber;

var firstnumber = 0

entercomplete(answer)

}

if(yeonsanstyle == "times") {

var intanswer = answer * 1;

var intfirstnumber = firstnumber * 1;

var answer = intanswer * intfirstnumber;

var firstnumber = 0

entercomplete(answer)

}

if(yeonsanstyle == "devide") {

var intanswer = answer * 1;

var intfirstnumber = firstnumber * 1;

if (intanswer == 0) {

window.alert("제수(나누는 수)가 0입니다.");

var answer = 0;

entercomplete(answer);

return;

}

var answer = intanswer / intfirstnumber;

var firstnumber = 0

entercomplete(answer)

}

</script>

</body>

</html>

어떤 게 문제일까요?

마지막에 답 출력이 안 됩니다.

(+스파게티 코드급이라서 더 간단하게 할 수 있는 방법이 있다면 알려주세요ㅜㅜ)

http://studyhtml.sfuhost.com/g-%EA%B3%84%EC%82%B0%EA%B8%B0-Javascript.html

도토리묵

코드가 너무 덕지덕지 합니다..(는 제생각)

일단 css,js 파일을 따로 만든후 html상에서 불러오는식으로 하면 훨-씬 깔끔해질듯 합니다.

보기에는 Onclick 속성에 문제가 있는듯 합니다

2018.11.06. 23:47

"도토리묵님의 댓글"

이 댓글을 신고 하시겠습니까?

Hanam09 → 도토리묵

onClick 속성에는 문제가 없으며, 변수 firstanswer ,yeonsanstyle 가 함수 안의 지역변수 내에서만 사용가능하다는점

초기 yeonsanstyle 부분이 함수를 가리킨다는점입니다...

yeonsanstyle 값은 무조건 문자열이어야 합니다.

2018.11.10. 20:39

"Hanam09님의 댓글"

이 댓글을 신고 하시겠습니까?

humit

코드가 총체적으로 난국이네요.... 함수 내에서도 var answer를 두 번씩 선언을 하시고...

2018.11.07. 10:58

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

studyHTML 작성자

인터넷에서 검색해가면서 겨우 만든 거라서...

도와주실 수 있나요?

2018.11.07. 17:35

"studyHTML님의 댓글"

이 댓글을 신고 하시겠습니까?

joyful

코드가 너무... 많아서!

그냥 다시 새로 만들어보시는건 어떠신가요??

https://coding-factory.tistory.com/16 여기 코드 복붙해서 css 추가하고 하면 쉽게 해결할 수 있고 괜찮을 것 같아요

그리고 css랑 js는 따로 파일을 만들어서 작성하시면 훨씬 깔끔하고 보기 좋고 사이트 접속 속도도 빨라져요!

2018.11.07. 19:09

"joyful님의 댓글"

이 댓글을 신고 하시겠습니까?

studyHTML 작성자

너무 복잡해서 그냥 처음부터 다시 짜기로 했습니다.

오히려 기분이 홀가분하네요.

2018.11.07. 19:12

"studyHTML님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.

번호	제목	글쓴이	날짜	조회 수
공지	[1차 해결 및 추가] 서버 접속 불가 문제 안내 13	마스터	24.06.20.15:22	783
공지	[작업 완료] 설 명절 맞이 서버 업데이트 안내 3	마스터	24.02.11.17:21	2709
공지	[중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4	마스터	23.01.14.02:23	6422
공지	[필독] 질문하는 방법 17	마스터	18.02.23.03:09	4695
666	커뮤니티 사이트의 출첵 게시판의 활성화에 대한 좋은 아이디어가 있을까요?? 4	이니스프리	20.01.19.00:44	190
665	VPS에서의 Selenium 사용과 관련하여 질문 드립니다. 4	이니스프리	20.01.17.14:37	217
664	'링 피트 어드벤처'가 정말 운동이 되는가요?? 4	이니스프리	20.01.11.12:41	293
663	우분투만 사용하다가 페도라 13 / Centos 6.9 시험에 응시하려면 적응하기 어려울까요? ㅠㅠ 8	이니스프리	20.01.08.22:56	346
662	파이썬 에디터로 어떤 것이 좋나요? 14	NoYeah	20.01.08.21:08	4551
661	이미지 외부링크가 엑박으로 나온다면 어느 부분을 우선적으로 검토해야 될까요?	이니스프리	20.01.05.23:15	628
660	해상도는 다르지만 동일한 이미지인지 체크하는 방법이 있을까요? 2	이니스프리	20.01.05.20:52	516
659	Beautifulsoup에서 .find(text=True, recursive=False)과 관련하여 질문 드립니다. 2	이니스프리	20.01.03.23:11	1159
658	[Selenium] 특정 XPath에서 parent 노드의 iframe을 알아낼 수 있을까요? 2	이니스프리	20.01.02.16:04	397
657	[파이썬] 윈도우에서 pip install로 모듈 설치시에 문제가 발생하는 것과 관련하여 질문 드립니다 2	이니스프리	19.12.29.00:51	250
656	여러 개의 반복작업을 켜고 끄는 버튼을 비동기적으로 구현해보려고 하는데요 ㅠㅠ 2	이니스프리	19.12.27.23:10	210
655	유튜브 채널 주소 잘아시는분있나요? 2	슬기	19.12.27.09:55	190
654	Requests나 Selenium에서 어떤 XHR 전송이 있었는지 확인할 수 있는 방법이 있을까요? 3	이니스프리	19.12.26.18:47	233
653	카고야 VPS에서 메일이 왔는데 일본어 관련해서 질문 드립니다. 5	이니스프리	19.12.26.11:45	206
652	[파이썬] 결과를 print 문으로 출력하는 것과 파일로 출력하는 것과 결과가 왜 다른가요? 8	이니스프리	19.12.25.13:19	776
651	음성번역기 앱 중에 켜놓으면 계속 번역을 해주는 앱이 있을까요?	이니스프리	19.12.25.11:16	220
650	https://imgnbvip.com/ 라는 이미지 호스팅 사이트가 있나요?	이니스프리	19.12.24.11:08	272
649	Google Developer Console의 API 라이브러리 무료 이용에 대해 질문 드립니다. 5	이니스프리	19.12.23.12:58	200
648	부산 맛집 추천 부탁드려요~! 3	이니스프리	19.12.20.19:00	182
647	[Requests] multipart/form-data의 전송에 대해 질문 드립니다 ^^ 4	이니스프리	19.12.18.22:00	3083

도와주세요

계산기를 만드는데 문제가!

댓글 6

신고

신고

신고

신고

신고

신고

검색

스터디 최근글 [1/]

로그인