JavaScript

JavaScript

JavaScript:関数の記述方法いろいろ

main.js// main.jsfunction toHex1(n){ return n.toString(16);}const toHex2 = function(n){ return n.toString(16);};/*const ...
JavaScript

JavaScript:電卓の見た目

style.css*{ margin: 0; padding: 0;}body{ font-family: 'Hiragino Sans', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'Y...
JavaScript

JavaScript:電卓の骨格

index.html<!DOCTYPE html><html lang="ja"><head> <meta charset="utf-8"> <title>dentaku</title> <script src="main.js"></sc...
JavaScript

CanvasAPI:円を複数アニメーションさせる

index.html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta...
JavaScript

Canvas:オブジェクトでボールを100個生成して動かす

index.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,user-scal...
JavaScript

JS:ボール2つのアニメーション解答例

index.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,user-scal...
JavaScript

JavaScript:商品をオブジェクトで表す(賞味期限から残り日数も計算)

スーパーの商品をオブジェクトで表した。(商品名、価格、賞味期限)賞味期限から残りの日数を計算するようにした。
JavaScript

JavaScript:Canvasアニメ課題

ボールを2つにする。ball1, ball2というオブジェクトを追加した。実行イメージindex.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="view...
JavaScript

RPGのキャラクタクラス解答例

プロパティとメソッドを2つ追加実行イメージ(コンソール表示)index.html<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta http-equiv="X...
JavaScript

JavaScriptのクラスサンプル

index.html<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed...