2022-01-01から1年間の記事一覧

JavaScript で「順列」と「組合わせ」を計算する

//組合わせ c= 1:重複あり, 0:重複なし function combinations (a = [ ], b = a.length, c = 1) { return 2 > b ? a.map(a =>[a]) : a.flatMap ((d,e)=> combinations (a.slice (e+1-c), b-1, c).map (e=> [d,...e])); } //順列 c= 1:重複あり, 0:重複なし f…

「組合わせ」を返す関数

function mathematics (ary = [ ], n = ary.length) { if (1 === n) { return ary.map (a=> [a]); } else { return ary.flatMap ((a, i)=> mathematics (ary.slice (i), n -1).map (b=> [a,...b])) } } console.log (mathematics ([1,2,3],3)); /* [1,1,1], …

canvas のツール 網目がうまく描けない(未完成)

<meta charset="UTF-8"> <title>HTML Canvas Library</title> <style> canvas { border: 2px gray ridge; } </style> <body> <canvas width="500" height="250"></canvas> <canvas width="500" height="250"></canvas> <canvas width="500" height="250"></canvas> <canvas width="500" height="250"></canvas></body></meta>

JavaScript Tips

いつか使ってみよう! const func = ((cbFunc = arg=> { ; }) => cbFunc)() const ary = ((c=d=>'function'==typeof d?d(b):(b.push(d),c),b=[])=>c)();

ギアにペンを差し込んでグルグルまわるやつ

''' HTML canvas ol li label { display: inline-block; width: 10em; padding: 0 1ex; } ol li { margin: 2px; list-style: none; } ol li label, ol li input { border: 2px silver ridge; border-radius: 5px; } Aria B:radius B:offset Line color Gray …

location.hash と webapl を連動させるライブラリ

Ajax を利用してアプリを作るとき、location.hash の値と連動して動く。 onHashChange を使用せずに済む。 とある条件でページをスクリプトで生成するプログラムがあるとする。 その条件が変化するごとに location.hash に書き出し、コールバック(生成プロ…

location.hash を解析して object にして返す

正規表現を使うのは大げさな気がする。 location.hash を location.search に書き換えて URL.searchParams で取得するほうが簡単だろうか?[, 変数名, 大括弧, 変数値]に分割しながら解析する function parseParms (str = '') { let reg = /(?:^#)?(\D\w*)(\…

同一人物だろっ!

質問者のこいつらは同一人物だ! 回答するのを止めた。 goo では名前を漢字で、okwaveでは2つの単語をアンダースコアでつなぎ、寺尾では2つの単語をつなぐ。 回答したコードを精査しないで、そのまま引用して次の質問する。 自分のやりたいことだけが優先…

2段階プルダウンで表示内容を切り替えたい

2段階プルダウンで表示内容を切り替えたい 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい goo: https://oshiete.goo.ne.jp/qa/13030027.html okwave:https://okwave.jp/qa/q10026854.html無駄に答えてしまった。phpのプログラム…

HTML/JavaScriptでDOMをドラッグ&ドロップで動かせるようにしたい

https://teratail.com/questions/4pnustw5rp458d <meta charset="utf-8"> <title></title> <style> p { border: solid 1px black; width: 100px; height: 100px; margin: 0; } </style> <body> <p>drag</p> <script> class A { draggable = false; diffX = null; diffY = null; #init = function (e) { ['m…</body></meta>

画面をこするとページ遷移するコード

画面をこするとページ遷移するコードhttps://teratail.com/questions/j459osplrnxfeo 「こする」をどうとらえるか? <meta charset="utf-8"> <title></title> <style> </style> <body> <a href="https://www.google.co.jp/"> <img src="https://picsum.photos/600/200?random=1"><br> <p>Test</p> </a> <script> class A { #clientX = null…</body></meta>

javascript: さてこの質問にどうやって最小のコードで書くか?!

OKWAVE セレクトボックスで、逆順に選択しても同じにしたい https://okwave.jp/qa/q10023002.html // https://okwave.jp/qa/q10021995.html 質:「能力なき者泣き寝入りせざるを得ませんか。」俺:「学校では平等だったかもしれませんが、社会では泣くしかあり…

フェードアウトで画像を切り替える

今更ながらフェードアウトで画像を切り替える 本来ならスクリプトを使わないでできる .fade_out_change { position: relative; } .fade_out_change > * { position: absolute; left: 0; top: 0; } .chgTypeA { height: 200px; } .chgTypeB { height: 100px; …