イベント

WEB制作

JavaScriptでWebサイトに「命」を吹き込もう

前回の記事で、関数を使って簡単なカウンターアプリを作りましたね。今回は、その応用編です。ユーザーの操作(イベント)に反応して、Webページの要素(DOM)を自由自在に動かす方法を学び、Webサイトをさらに進化させましょう。 まるで、あなたの...
WEB制作

関数を組み合わせて、小さな「Webアプリ」を作ろう!

JavaScriptの関数は、特定の仕事をまとめておく便利な「道具箱」だと学びましたね。今回は、この関数を組み合わせて、より実践的なWebページ、まるで小さなWebアプリのようなものを作ってみましょう。
WEB制作

Webサイトの「観察者」を雇おう!

まるでWebサイトに「観察者」を雇うように、特定の出来事(イベント)が起こるのをじっと待ち、それが起こったら決まった行動をさせる。これがイベントリスナーの役割です。 今回は、このイベントリスナーを使って、Webサイトにさらに面白い動きをつけてみましょう。
WEB制作

JavaScriptを「動かす」方法を学ぼう!

JavaScriptの基本的な「ことば」(文法)を学びました。しかし、覚えた文法をどこに書けば、Webサイトが動くようになるのでしょうか? 今回は、HTMLとCSSで作ったWebサイトに、JavaScriptを組み込んで実際に動かす方法を、簡単な例を交えながら学んでいきましょう。
allをフォローする