jqueryでsin,cosを使おう!
問題
今回はsin、cosを使ってみましょう!
jqueryなどの言語の面白いところはこのように数学が使えるところだと思います。
jqueryなどの言語の面白いところはこのように数学が使えるところだと思います。
自分の環境に書くコード
<input type=>number> placeholder=>ここに数値を入力>>
<p>sin<span></span>=<span></span></p>
<p>cos<span></span>=<span></span></p>
¥HTML¥
期待する画面
解答ソースコード
$(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¥
完了にする!
解説