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


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

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

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

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

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


조회수 74


Hashcode banner summercoding

3 답변


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

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

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

  • 2018년 04월 15일에 작성됨
    Software Developer

  • 정말 감사합니다 메소드는 아직안배웠는데 어서 배워야겠네요    Kwon Yoon   2018.4.15 22:35     

b값을 어떻게 입력해야될지 정말 깝깝하네요

  • 2018년 04월 15일에 작성됨


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>
  • 2018년 04월 16일에 작성됨
    교육자. 프로그래밍 비전공자. 취미로 파이썬 공부

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close