このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン 両方とも次のリビジョン | ||
04.javascriptで電卓アプリ:index.html [2018/12/08] adash333 [04.Javascriptで電卓アプリ] |
04.javascriptで電卓アプリ:index.html [2018/12/08] adash333 [方針をたてる] |
||
---|---|---|---|
行 10: | 行 10: | ||
===== 方針をたてる ===== | ===== 方針をたてる ===== | ||
- | 手書きでデザインを下書き | + | 手書きでデザインを下書きしてみるのがお勧めです。 |
+ | -題名『電卓アプリ』 | ||
+ | -電卓を表示する場所 | ||
+ | -計算式と結果を表示する場所(< | ||
+ | -数字ボタンや+-×÷=ボタン、クリアボタン | ||
< | < | ||
行 21: | 行 25: | ||
</ | </ | ||
- | 作成中 | + | 今回は、[[https:// |
+ | |||
+ | eval関数という、指定した文字列が「 JavaScriptのプログラムコードとして正しいか 」を評価した上で それを実行する関数を用いますが、使用するにはリスクもあるようです。(参考: | ||
+ | |||
+ | |||
ソースコード | ソースコード | ||
行 53: | 行 62: | ||
-name your file... のところに、calculator.html と記入し、 | -name your file... のところに、calculator.html と記入し、 | ||
- | -下の方に、以下のコードをがんばって打ちこみます(< | + | -下の方に、以下のコードをコピペします |
-入力し終わったら、下の方へ移動して、 | -入力し終わったら、下の方へ移動して、 | ||
-Commit new file をクリック | -Commit new file をクリック | ||
- | + | < | |
+ | <script src=" | ||
+ | </ | ||
===== 参考サイト ===== | ===== 参考サイト ===== |