이제막 javascript들어가고있는데 궁금한점이있습니다
selector
안녕하세요 개발자형님들 지금 조건문을 하나 만들어서 구현해보려고하는데요
if (b!==number) { alert('숫자만입력가능합니다')} else {a*b}
a="제가 미리 입력해서 현재 화면에서 출력하고있는것"
b= 밑에 코드처럼 제가 만들어둔 텍스트안에 사용자가 입력하는 숫자값으로 지정을하고 싶은데 이런건 어떻게 지정을해야할까요
<input type="text" name="사용자입력값" value="사용자가입력하는숫자값">
댓글달기
조회수 74
facebook
naver
twitter
3 답변
방법은 정말 많습니다. 아래는 하나의 예시구요.
let inputValue = document.querySelector('input').value;
console.log(inputValue);
여기에 여러가지 방법이 있고, 메소드별 브라우저 호환성까지 나와있습니다.
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>
