Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript数学オブジェクト：絶対値

この記事では、数学オブジェクトを使用して入力の絶対値を計算する方法を説明します。

念のため、数値の絶対値は符号を無視します。すべての数値が0以上であると想定し、その数値を返します。数学オブジェクトの絶対値メソッドを使用するには、次の構文を使用します。

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乱数：完全ガイド
  • JavaScript ParseInt：ステップバイステップガイド
  • JavaScriptカウントダウンタイマー：チュートリアル
  • JavaScript toString
  • JavaScripttoUpperCaseおよびtoLowerCase

  1. JavaScriptオブジェクトメソッド

    JavaScriptオブジェクトメソッドは、オブジェクトに対して実行できるアクションです。 以下は、JavaScriptのオブジェクトに存在するメソッドを示すコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <

  2. JavaScriptでのオブジェクトの分解。

    以下は、JavaScriptでオブジェクトを分解するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nbs