2진수를 10진수로 변환하는 프로그램을 작성하시오?

이진법은 모든 디지털 컴퓨터의 기반이 되는 숫자 체계입니다. 따라서 개발자가 이진수 또는 기본 2 수학을 이해하는 것이 중요합니다. Bin2Dec의 목적은 이진 계산 방법에 대한 연습과 이해를 제공하는 것입니다.
app.js

let decimal = document.getElementById('decimal');
let binary = document.getElementById('binary');
let error = document.getElementById('error');
let binaryNumber = '';
let maxInputLength = 10;
binary.addEventListener('keypress', (e) => {
  error.innerHTML = '';
  if (binaryNumber.length == maxInputLength) {
    error.innerHTML = `You can enter only ${maxInputLength} the length of the binary`;
    return e.preventDefault();
  }
  if (!(e.key == 0 || e.key == 1)) {
    error.innerHTML = 'Invalid key press';
    binaryNumber.replace(e.key, '', '');
    binary.value = binaryNumber;
    e.preventDefault();
    return false;
  }
  binaryNumber += e.key
  decimal.innerHTML = binaryNumber;
})
let count = 0;
let decimalNumber = 0;
window.addEventListener('click', (e) => {
  if (!binaryNumber.length) {
    return e.preventDefault();
  }
  for (let j = binaryNumber.length; j > 0; j--) {
    decimalNumber += Number(getDecimalNumber(j,Number(binaryNumber[count])))
    count++;
  }
  decimal.innerHTML = decimalNumber;
  decimalNumber = 0
})

function getDecimalNumber(count,binary) {
  let n = 0;
  switch (count) {
    case 1: n = binary ? 1 : 0; break;
    case 2: n = binary ? 2 : 0; break;
    case 3: n = binary ? 4 : 0; break;
    case 4: n = binary ? 8 : 0; break;
    case 5: n = binary ? 16 : 0; break;
    case 6: n = binary ? 32 : 0; break;
    case 7: n = binary ? 64 : 0; break;
    case 8: n = binary ? 128 : 0; break;
    case 9: n = binary ? 256 : 0; break;
    case 10: n = binary ? 512 : 0; break;
  }
  return n;
}



index.html

<!DOCTYPE html>
<html>
<body>
    <h2 style="text-align: center">Binary to Decimal conversion</h2>
    <div style="text-align: center">
        <form>
            <div id="decimal">0</div><br>
            <input type="text" id="binary" style="width:300px;padding:10px;font-size:16px;font-weight: 500;">
            <div style="font-size:10px;color:red" id="error"></div>
        </form>
    </div>
    <script src="./app.js"></script>
</body>
</html>




참고: 페이지를 다시 로드하기 위해 한 번만 작동합니다.

좋은 웹페이지 즐겨찾기