JavaScript

技術ブログ

【JavaScript】テーブル検索

検索 document.getElementById('keyword').addEventListener('keyup', function() { let keyword = this.value.toLowerCase(); let...
技術ブログ

【JavaScript】テーブル並べ替え

①JavaScriptのarray.sort()は、要素を文字列として並べ替える。つまり、数値の場合「1, 10, 11, 2, ...」の順番になる。要素が数字の場合、数値として並べ替える「1, 2, ..., 10, 11」ように指定し...
技術ブログ

文字列比較

function fnc() { let left = document.getElementById("left").value; let right = document.getElementById("right").value; i...
技術ブログ

小文字変換

function fnc(str) { let result = str.toLowerCase(); document.getElementById("result").innerHTML = result; } ソースコード公開 <te...
技術ブログ

大文字変換

function fnc(str) { let result = str.toUpperCase(); document.getElementById("result").innerHTML = result; } ソースコード公開 <te...
技術ブログ

文字列逆順変換

function fnc(str) { let result = str.split('').reverse().join(''); document.getElementById("result").innerHTML = result;...
技術ブログ

文字数カウント

0文字 function cnt(str) { document.getElementById("result").innerHTML = str.length + "文字"; } ソースコード公開 <textarea onkeyup="c...
朝会発表資料

 (JavaScript)Canvas APIについて

1.概要 ・HTML5で追加されたグラフィック用API・HTML上に記述されたcanvasタグに向かって線や図形、画像や文字を描画することができる 2.サンプル sample.html ブラウザ上の表示 参考「Canvas API」