jqueryでsin,cosを使おう！

Question

問題5：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¥

Answer 1

解答ソースコード

              $(function () {
  $("input").change(function () {
    var angle= $(this).val(),
          rad=angle*(Math.PI/180),
          sin=Math.sin(rad),
          cos=Math.cos(rad);
    $("p").eq(0).find("span").eq(0).text(angle+"°");
    $("p").eq(1).find("span").eq(0).text(angle+"°");
    $("p").eq(0).find("span").eq(1).text(sin);
    $("p").eq(1).find("span").eq(1).text(cos);
  });
});
¥JavaScript¥

jqueryでsin,cosを使おう！

問題5：jqueryでsin,cosを使おう！

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

期待する画面

解答ソースコード

解説