Метод JavaScript Math abs()
Добавить в избранное
Метод JavaScript math abs() возвращает абсолютное значение заданного числа. abs() — это статический метод Math.
Синтаксис
Метод abs() представлен следующим синтаксисом:
Math.abs(число)
Параметр
номер - число.
Возврат
Абсолютное значение числа.
Пример метода JavaScript Math abs()
Здесь мы разберем метод abs() на различных примерах.
Пример 1
Давайте посмотрим пример для печати абсолютного значения числа.
<script>
document.writeln(Math.abs(-4)+"<br>");
document.writeln(Math.abs(-7.8)+"<br>");
document.writeln(Math.abs('-4'));
</script>
document.writeln(Math.abs(-4)+"<br>");
document.writeln(Math.abs(-7.8)+"<br>");
document.writeln(Math.abs('-4'));
</script>
Пример 2
Давайте рассмотрим несколько случаев, когда метод abs() возвращает 0.
<script>
document.writeln(Math.abs(null)+"<br>");
document.writeln(Math.abs([])+"<br>");
document.writeln(Math.abs(''));
</script>
document.writeln(Math.abs(null)+"<br>");
document.writeln(Math.abs([])+"<br>");
document.writeln(Math.abs(''));
</script>
Пример 3
Давайте рассмотрим несколько случаев, когда метод abs() возвращает NaN.
<script>
document.writeln(Math.abs("string")+"<br>");
document.writeln(Math.abs([2,3])+"<br>");
document.writeln(Math.abs());
</script>
document.writeln(Math.abs("string")+"<br>");
document.writeln(Math.abs([2,3])+"<br>");
document.writeln(Math.abs());
</script>
Пример 4
Давайте разберемся с методом abs() на ваших собственных тестовых примерах.
<!DOCTYPE html>
<html>
<head>
<script>
function display() {
let x = document.querySelector("#num").value;
document.querySelector("#result").innerHTML = Math.abs(x);
}
</script>
</head>
<body>
<form>
Введите число:
<input type="text" id="num">
<input type="button" onclick="display()" value="отправить">
</form>
<p><span id="result"></span></p>
</body>
</html>
<html>
<head>
<script>
function display() {
let x = document.querySelector("#num").value;
document.querySelector("#result").innerHTML = Math.abs(x);
}
</script>
</head>
<body>
<form>
Введите число:
<input type="text" id="num">
<input type="button" onclick="display()" value="отправить">
</form>
<p><span id="result"></span></p>
</body>
</html>