JavaScript 20221005課題の参考プログラム
実行イメージ
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta...
JavaScript
JavaScript 
JavaScript JS：電卓プログラムの別解
電卓のボタンイベントの処理をJavaScript側に記述した。
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="ut...
JavaScript JS：TODOリスト
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="widt...
JavaScript JavaScript：関数の記述方法いろいろ
main.js
// main.js
function toHex1(n){
return n.toString(16);
}
const toHex2 = function(n){
return n.toStr...
JavaScript JavaScript：電卓の見た目
style.css
*{
margin: 0;
padding: 0;
}
body{
font-family: 'Hiragino Sans', 'Helvetica Neue', 'Hiragino Kaku Gothi...
JavaScript JavaScript：電卓の骨格
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>dentaku</title>...
JavaScript CanvasAPI:円を複数アニメーションさせる
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compat...
JavaScript Canvas：オブジェクトでボールを100個生成して動かす
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="widt...
JavaScript JS:ボール2つのアニメーション解答例
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="widt...
JavaScript JavaScript：商品をオブジェクトで表す（賞味期限から残り日数も計算）
スーパーの商品をオブジェクトで表した。（商品名、価格、賞味期限）
賞味期限から残りの日数を計算するようにした。