이제막 javascript들어가고있는데 궁금한점이있습니다

조회수 767회

안녕하세요 개발자형님들 지금 조건문을 하나 만들어서 구현해보려고하는데요

if (b!==number) { alert('숫자만입력가능합니다')} else {a*b}

a="제가 미리 입력해서 현재 화면에서 출력하고있는것"

b= 밑에 코드처럼 제가 만들어둔 텍스트안에 사용자가 입력하는 숫자값으로 지정을하고 싶은데 이런건 어떻게 지정을해야할까요

<input type="text" name="사용자입력값" value="사용자가입력하는숫자값">

3 답변

  • 방법은 정말 많습니다. 아래는 하나의 예시구요.

    let inputValue = document.querySelector('input').value;
    console.log(inputValue);
    

    여기에 여러가지 방법이 있고, 메소드별 브라우저 호환성까지 나와있습니다.

    • 정말 감사합니다 메소드는 아직안배웠는데 어서 배워야겠네요 알 수 없는 사용자 2018.4.15 22:35
  • b값을 어떻게 입력해야될지 정말 깝깝하네요

    • (•́ ✖ •̀)
      알 수 없는 사용자
  • var number = document.getElementById("number");
    var result = document.getElementById("multiply");
    var btn = document.getElementById("btn");
    var numberValue = 0;
    var preNumber = 10; // 미리 입력한 숫자
    
    function multiply(){
        if (typeof numberValue !== "number") {
            alert('Only numbers are allowed.');
        } else {
            var multiplyTwo = preNumber * numberValue;
        }
        result.innerHTML = multiplyTwo;
    }
    
    function readNumber(){
        numberValue = parseInt(number.value);
    }
    
    number.addEventListener("keypress", readNumber);
    btn.addEventListener("click", multiply)
    

    ;

    html file
    
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>Page Title</title>
    
    </head>
    <body>
        <input type="text" name="사용자입력값" id="number" value=""> // value에는 미리 입력해 놓지 않았음.
        <button id="btn">Submit</button>
        <p id='multiply'></p>
        <script src="hashcode3.js"></script>
    </body>
    </html>
    
    • (•́ ✖ •̀)
      알 수 없는 사용자

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)