javascriptプログラミング

JavaScriptで検索ツールを作ってみよう JavaScriptで簡単な検索ツールを作ってみようと思い立ちました。 どういうものかというと、複数の商品やサービスがある中から特定の条件にマッチするものを抽出して表示させる。ECサイトなんか...

JavaScriptで画像を読み込むパスの話、まずはhtmlからjsを読み込む こういう階層構造のケース sample.html jsファイルの読み込みは絶対パスでも相対パスでも構わない。 Wordpressのような全ての記事（全ての階層に...

Forループの中で配列の要素を消そうとするとおかしくなる。 以下のjavascriptは、array1で定義した配列のうち、iphoneで始まる要素を削除しています。 なのでandroid-1と、android-2だけが配列に残って欲しいと...

クッキーに保存する方法と、クッキーを取り出す方法のおさらい クッキーに値を保存するには以下のように、window.documentオブジェクトのcookieプロパティに代入すると習った。 document.cookie = キー=値; 例え...

備忘録、調査、試したこと、解決策をメモ。（スマートな正解かどうかは不明） クラス名で取得した要素のclassをループ中にremoveするとおかしくなる HTMLでこのように記述して、 JavaScriptはこのように記述。 1行目でclas...

5秒で消えちゃうので先に画面をお見せします。 See the Pen canvas-img-repeat by pghappy (@pghappy) on CodePen. ここから解説。 Canvas上に文字を表示して、5秒後にその文字を...

まず結論から。以下のコードで画像の繰り返しが出きた。 HTML側はcanvasを用意してid=bgの画像を非表示で1個用意。 JavaScript側は以下のようにした。drawImageを使ってない。。 全体像はこちら。 See the P...

なぜかcanvasに画像を描画してそれをaddEventListnerしてもイベントが取れないので色々試したときの備忘録。 画像タグにonclick属性でメソッドを設定する方法はOK HTML側で画像を用意して、onclick属性にpush...