javascript ヤード表記からメートル表記に変換する
- 作成日 2023.02.05
- javascript
- javascript

javascriptで、ヤード表記からメートル表記に変換するサンプルコードを記述してます。「1ヤード(yd) = 0.9144メートル(m)」となっているので、これを計算するだけ可能です。
環境
- OS windows11 home
- ブラウザ chrome 109.0.5414.75
ヤード表記からメートル表記に変換
ヤード表記からメートル表記に変換するには、「1ヤード(yd) = 0.9144メートル(m)」なので、この計算式を使用するだけとなります。
function ch(num){
return num * 0.9144
}
console.log( ch(3) ) // 2.7432
少数以下を切り捨てしたい場合は、「Math.floor」を使用します。
function ch(num){
return Math.floor( num * 0.9144 )
}
console.log( ch(3) ) // 2
逆に、メートル(m)からヤード(yd) に変更する場合は、以下となります。
function ch2(num){
return num / 0.9144
}
console.log( ch2(3) ) // 3.2808398950131235
サンプルコード
以下は、実行ボタンをクリックすると、入力した数値をヤード単位として、メートル単位に変換して表示するだけのサンプルコードとなります。
※cssには「Material Design for Bootstrap」を使用してます。関数はアロー関数を使用してます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>mebeeサンプル</title>
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<!-- MDB -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.1.0/mdb.min.css" rel="stylesheet" />
</head>
<body>
<div class="container text-center w-25" style="margin-top:150px">
<h2><span id="result" class="badge bg-danger">結果</span></h2>
<form name="frm">
<input type="number" id="n" class="form-control w-50 mx-auto"/>
</form>
<button id="btn" class="btn btn-danger btn-rounded mt-1">実行</button>
</div>
<script>
const ch = (num) => {
return num * 0.9144
}
btn.onclick = () => {
result.innerHTML = ch(n.value)
}
</script>
</body>
</html>
計算されていることが確認できます。

-
前の記事
sqlite 現在日付をDEFAULT値として設定する 2023.02.04
-
次の記事
EXCEL フィルターを適応するショートカットキー 2023.02.05
コメントを書く