function 파라미터와 function안에 if 조건문

[정성은]

자바스크립트를 1주일 공부하고 포기해야 하나 너무 고민이 될때

정말 다행히도 코딩애플 유투브 강의를 어제 하루만에 6강 다보고

너무너무 신기하게도 머릿속에 원리가 알아지고 응용까지 해보게 되었습니다.

 

오늘 미천한 지식으로 나름 뭔가 선택하고 계산하는 걸 만들어 하루종일 씨름했지만

변수로 개수를 넣게 되고, 복잡했던 단계들을 함수중첩으로 묶고 파라미터도 쓰고

이런걸 하게 될줄은 몰라 감격입니다.

 

 

본 질문입니다.

이런걸 구상해서 어찌저찌 만들었는데

첨에 너무 길고 한개한개 하고, 값도 불러오지도 못하고, 모든 상품 결과 총액에 과자만 뜨고 하던 것은

이렇게 정리가 되었습니다.

 

그런데

함수에서 kind 속성은 과자, 드링크, 조각케익으로 안나오고  그냥 kind로 나옵니다. ㅠㅠ

강의대로 고대로 한것 같은데.. 어딜 고쳐야 할지 모르겠습니다.

 

또

다른상품을 구매하려고 하면, 앞에 기입했던 수량 정보가 그대로 있습니다.

이건 정말 어떻게 해결해야 할지 감도 못잡겠습니다.

 

그리고 마지막으로

 

 

결제하기, 다른상품구매, 취소하기를

한 function안에서 if 조건문으로 하면 되지 않을까 싶은데..

저 힘으로는 if( ) 괄호 안에 무엇을 넣어야 할지 모르겠습니다.

나름 만들어 보면 늘 첫번째 것만 죄 나오는 상황입니다. ㅠㅠ

 

 

질문이 너무 많아 죄송합니다.

정말 어디 속시원히 물어볼 곳도 없고, 하루종일 씨름하면서 거의 포기했던 자바스크립트로 이런걸 하고 있다는게 너무 좋고

코딩애플님 강의로 역동적인 웹페이지 구현을 나도 할 수 있겠구나 싶어 폭풍질문이 쏟아졌습니다.

[codingapple]

kind 문제는 출력문자안에 kind라고 하드코딩하신 것 같고

다른상품구매하려고 하면 input안에 있던 value를 없애달라고 명령주면 됩니다

함수4개를 하나로 만들고 싶으신거면 파라미터뚫어놓으면 됩니다 그리고 사용할 때 함수('결제하기') 함수('취소하기') 이렇게 쓰고

함수 안에선 만약에 파라미터가 '결제하기'면 이거 해주세요~라고 코드짜면 될듯요 

 

[정성은]

감사합니다.
그런데.. kind문제가 알듯 모를듯합니다.

강의에서도 변수 같은걸로 하지 않은것 같은데

함수명( ) 괄호안에 글자가 그대로 나오는것 같아서요

사과, 드링크, 조각케익을 
갯수처럼 입력을 받는 것도 아닌데 변수로 만들어야 하나요? ㅠㅠㅠㅠㅠ
이건 원칙이 뭔지를 모르겠습니다.;;;;

[codingapple]

문자중간에 변수넣고 싶으면 ${kind} 이렇게 넣으면 됩니다

파라미터도 일종의 변수입니다 

[정성은]

그럼 kind도 개수num처럼 let으로 선언이 되야 하고, 입력값을 받아야 하나요?
가격 price는 그냥 Number로 숫자화만 했는데.. 변수로 만든건 아니고, 속성에다 값을 바꿔준거고

음.. 알듯모를듯 엉키네요
일단 해보겠습니다.

 

그리고 갯수 초기화는 성공했습니다.

[정성은]

kind 해결

아~ 함수의 속성으로 쓰이는 것은 변수로 할때 선언을 안해도 되는거네요

변수는 선언이란게 되야 되는줄 알았습니다

 

이제 함수 안에 if조건문 집어 넣는거 해결 시도해보겠습니다~

 

[정성은]

함수4개를 1개로 만들고 싶다는 뜻이 서로 조금 틀린그림을 그린것 같습니다.

 

제품선택하고 총액을 계산하듯이 한 창에다 변수로 다르게 표기하라는 것이 아니라

각각의 결과버튼 결제하기, 다른상품구매, 취소하기가 같은 패턴이 반복이 되서

function안에 묶고 각각의 단추를 눌렀을 때 각각 다른 창을 띄우라는 건데..

그래서 if로 해결해야 되지 않을까 싶었습니다.

 

그리고 if(  )안을 어떻게 해결해야 할지..

어제 1레벨 완강하고 고민중입니다.

if (   )괄호 안이 참이나 거짓이 되게 해야하는데

어떤버튼을 클릭한게 참인걸 어떻게 해야하는건지;;;

 

[정성은]

어제 배운 form에서

빈칸이면 어떻게 하고를 응용해서 해봤는데

콘솔에는 에러가 안뜨는데

결과는 죄다 else일때만 실행되네요 ㅠㅠㅠ

[codingapple]

그냥 각각 버튼마다 이벤트리스너 달면 편리합니다 

싫다면 지금 있는 함수안에 파라미터를 뚫어놓고

<button id="ok" onclick="결과단추('ok')"> 이렇게 실행시키고 

함수안에선 if ( 파라미터 == 'ok' ) { 실행할코드 } 이렇게 써야할듯요 

[글쓴이]

글