이 기사에서는 Math 개체를 사용하여 입력의 절대값을 알아내는 방법을 보여줍니다.
참고로 숫자의 절대값은 부호를 무시합니다. 모든 숫자가 0 이상이라고 가정하고 해당 숫자를 반환합니다. Math Object의 절대값 방법을 사용하기 위한 구문은 다음과 같습니다.
Math.abs(inputVal);
Math 개체를 사용하고 있으므로 Math부터 시작합니다. 절대값 방법은 약어 abs입니다. 괄호 세트는 괄호 안의 입력 값에 대한 메서드를 호출하고 절대값을 반환합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form onsubmit=handleSubmit(event)>
<label for="absolute-value">Enter a number:</label>
<input id="absolute-value" onchange=handleChange(event) type="text" name="absolute-value" value=""/>
<input type="submit" value="Submit" />
</form>
<h3 id="root"></h3>
<script>
let inputVal = ""
const handleChange = e => {
inputVal = e.target.value;
console.log(inputVal)
}
const handleSubmit = e => {
e.preventDefault();
const root = document.querySelector("#root");
root.innerHTML = Math.abs(inputVal);
}
const inputValue = document.getElementById("absolute-value").value
</script>
</body>
</html> 문자열을 입력하면 NaN이 반환됩니다. null 값은 0을 반환하고 양수 또는 음수는 물론 양수를 반환합니다.
결론
그게 다야! 이제 Math 개체를 사용하여 숫자의 절대값을 파악할 수 있습니다. 다음은 다음에 배울 내용을 파악하는 데 도움이 되는 몇 가지 기사입니다.
- 자바스크립트 난수:완전한 가이드
- JavaScript ParseInt:단계별 가이드
- 자바스크립트 카운트다운 타이머:튜토리얼
- 자바스크립트 toString
- 자바스크립트 toUpperCase 및 toLowerCase