JavaScript

JavaScript

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

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

JavaScript:電卓の見た目

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

JavaScript:電卓の骨格

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

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

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

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

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

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

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

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

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

JavaScript:Canvasアニメ課題

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

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

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

JavaScriptのクラスサンプル

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