열라 바쁜 가끔 빈곤 곰돌이

내가 검색을 못하는건지 인터넷에 찾아보면 2차원 배열을 컨트롤 하는게 적습니다.

혹여 까먹을지 몰라서 적어놓습니다.


그러니까 단순히 배열을 화면에 출력해주는 예시는 굉장히 많은데,

배열을 집어넣는 소스는 거의 없다시피 하더라고요.


자바스크립트에서 나름 배열로 저장을 하는데, cannot set property '0' of undefined 이런 에러메세지가 나오는 분들에게 도움이 되었음 합니다.



Comment +0

환율계산하기라기 보다는 두개의 입력된값이 0이 아닌경우,

나누어서 새로운 텍스트박스에 데이터를 입력하는 방식

자바스크립트의 반올림은 정수만 된다고 하여 100을 곱하여 다시 나누는 방식으로 소수 두째자리까지 표현합니다.


자바스크립트 상에 변수로 form이름을 선언하여도 다시 값을 쓸때는 document.form을 쓰게 되네요.

지원해주는데 못하는건지 원래 이렇게 하는건지 모르겠으나, 아래와 같이 할때 제대로 동작합니다.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title>환율계산</title>

 </head>

<script>

function calcContExchgRate() {

   var exchgRate = 0;

var form = document.inForm;

var won = form.cont_money.value;

var dollar = form.cont_money_usd.value;


   if(won == "" || won == null) won = 0;

   if(dollar == "" || dollar == null) dollar = 0;

   

   if(dollar >0 && won >0) {

var preCalc = (won/dollar)*100;

var midCalc = Math.round(preCalc);

exchgRate = midCalc / 100;

   }


   document.inForm.cont_exchg_rate.value = exchgRate;

</script>

 <body>

  <form name="inForm">

  <input type="text" name="cont_money" onKeyUp="calcContExchgRate()"><br />

  <input type="text" name="cont_money_usd" onKeyUp="calcContExchgRate()"><br />

    <input type="text" name="cont_exchg_rate"><br />


  </form>

 </body>

</html>



Comment +0

보통은 체크 박스를 확인할대 체크 되었는지만 확인합니다. 

체크가 되었는지 또는 체크가 안되었는지 정확히 확인을 하기 위해 true, false를 사용하도록 만들었습니다.


체크박스를 선택하면 각각의 if 문을 통해서 체크가 되었는지 확인합니다.

필요해서 따라 true나 false를 선택하고, 나머지는 else로 처리해도 되겠죠. 


인터넷에 다른 소스들을 보시면 알겠지만 체크가 되었는지만 확인하는게 보통입니다.

그리고 뒤에 true안붙여도 체크를 확인해주니 true만 보통 보시는 경우가 많더라고요.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

 </head>

<script>

function js_yn() {

var form = document.inForm


if(form.expl.checked == true) {

alert("check");

}


if(form.expl.checked == false) {

alert("unchecked");

}


}

</script>

 <body>

 <form name="inForm">

<input type="checkbox" name="expl" onclick="js_yn()" />  

</form>

 </body>

</html>



Comment +0