問題

5
jQuery

jqueryでsin,cosを使おう!

jQueryの問題に挑戦しよう!

問題

jqueryでsin,cosを使おう!

今回はsin、cosを使ってみましょう!
jqueryなどの言語の面白いところはこのように数学が使えるところだと思います。

あらかじめエディタに書くコード

                    <input type=>number> placeholder=>ここに数値を入力>>
<p>sin<span></span>=<span></span></p>
<p>cos<span></span>=<span></span></p>
¥HTML¥
                

期待する画面

解答と解説(jqueryでsin,cosを使おう!)

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

まずinputが変更されたことをトリガーにします。そしてvalで数値を取得してきます。ここが今回1番大事なのですが、jqueryで使うsinやcosはradを単位としているので取得したangleをrad表記に変換します。rad表記ではπ=180度となるのでangleを180で割り、Math.PIはπ(3.14...)を表しており、これをangleにかけます。そして最後にMath.sin、Math.cosを使って処理を行い、その値を変数に代入します。今回の主目的はsin、cosをjqueryで使って値を得ることなので、残りの表示は好きなようにすればいいと思います。

さらにスキルアップしたい方は公式LINEから「jQuery」と送信すると動画が見れます。

LINE登録して動画を視聴する
学習の事・キャリアの事、何でもOK!無料相談に申し込む