HTML CSS JavaScript

BootstrapとJavascriptの復習として、電卓機能を作ってみた

HTML CSS Javascript 電卓

どうも多浪Fランぼっち底辺大学生です。

 

今回は【HTML/CSS, javascript】を使用して電卓機能を作ってみたいと思います。

興味のある人はサラッと参考までに読んでみて下さい。

超個人的な話ですが、Udemyのフロントエンジニア向けの教材

[HTML/CSS/Javascript]フロントエンジニアになりたい人のWebプログラミング入門

の受講を行い、復習をしようかなと思いました。

udemy フロントエンジニア HTML CSS Javascript

Udemy公式サイト

簡単な内容ですが、BootstrapJavascriptを意識してみました。

 

今回はソースコードと実行結果だけの内容となっているので、詳しい内容は各自で調べてみて下さい。

電卓アプリのソースコード

それでは早速ソースコードを載せますね(‘ω’)ノ

HTML(Javascriptを含む)ソースコード

CSSのソースコード

実行結果

実行結果は以下のようになります。

電卓としての必要最低限の機能が実装出来ました。

また、Bootstrap(ブートストラップ)により画面のサイズに合わせた配置も不自然なく動いていたと思います。

参考にした参考書など

 

 



Udemy HTML CSS Javascript bootstrapUdemy

人気ブログランキング