- 2022.05.31
- DOMを生成, JavaScript, もりけん塾, 要素の作成, 関数を作る,
DOM作成時に、属性もセットできる関数
document.createElementメソッドとObject.keysを組み合わせて、DOM作成時に、属性もセットできる関数を作ってみました。かなりニッチだと思うのですが、どうしてもJavaSc […]
6/7ページ
- 2022.05.07
- JavaScript, クリックイベント, タブ切り替え, フロントエンド, もりけん塾,
もりけん塾 JavaScript課題16 タブ切り替えの実装
今回は、jsonデータを作って、タブ切り替えを実装する課題です。jsonデータの構成に少し悩みましたが、先に取り組んだ方々のコードやコメントを参考に、進めました。 お題 これはyahooのトップページ […]
- 2022.04.24
- DOMを生成, JavaScript, クリックイベント, バリデーション, フロントエンド,
もりけん塾 JavaScript課題15 モーダルにformを置いてリクエスト送信
前回はこちら お題 モーダル内に formをおいて、input(type number)値、input(type text)、を新たに作ったsubmitボタン押下で リクエスト、 APIから値を取って […]
- 2022.04.24
- DOMを生成, JavaScript, クリックイベント, フロントエンド, もりけん塾,
もりけん塾 JavaScript課題14 inputのvalueを取得して引数に渡す
前回はこちら↓ お題 13で作ったモーダル内にinput (typeはnumber)をおいて、クリックした際にinput(type number)のvalueを取得して、リクエストできるようにしてくだ […]
- 2022.04.13
- DOMを生成, JavaScript, クリックイベント, フロントエンド, モーダルウインドウ,
もりけん塾 JavaScript課題13 モーダルの表示とリクエスト送信の実装
課題13は、課題12の続きで、12で作ったボタンをクリックしたらモーダルウィンドウが開き、リクエスト送信できるようにします。 課題12の学習記録は、こちら↓ お題 クリックしたらモーダルが出てきて、1 […]
- 2022.04.05
- addEventListener, JavaScript, onclick, クリックイベント, もりけん塾,
もりけん塾 JavaScript課題12 クリックで、Fetchリクエストをする
今回は前回実装したものの続きで、クリックでFecthリクエストをする課題です。クリックイベントはJQueryでしか実装したことがなく、JavaScriptでどうやるんだろう？ちょっと難しそう、というと […]
- 2022.04.05
- defer, Fetch, JavaScript, try-catch-finally, もりけん塾,
もりけん塾 JavaScript課題11 APIから値を取得する
課題11は、Fetchを使って、APIから値を取得、取得した値を使ってDOMを表示する課題です。ちょっと難しそうですが、外部にあるデータをとってくる、ということを初めて行うので、ワクワクが大きかったで […]
- 2022.03.19
- async/await, Promiseメソッド, エラー処理, 例外処理, 非同期処理,
もりけん塾 JavaScript課題10 try-catch-finallyを使った例外処理
課題10に進みました。前回のasync/awaitを使った非同期処理にtry-catch-fainallyを追加し、例外処理をします。 お題 問題9に追加で try-catch-finaliy を書い […]
- 2022.03.09
もりけん塾 JavaScript課題9 async/awaitを使った非同期処理
今回は、課題7でやった非同期処理をasync/awaitで実行する課題です。 async/awaitは、非同期処理を、より簡単にわかりやすく書くことができるものらしいです。便利ですね！asyncを関数 […]
- 2022.03.03
- JavaScript, 変数と関数, 非同期処理,
もりけん塾 JavaScript課題8 rejectを実行し、エラーを起こしてcatch節でエラーをキャッチ
課題8はPromiseのエラーの処理を実装します。 お題 つぎはresolveで解決するのではなく(resolveを実行するのではなく) 3秒後にrejectを実行してthenでその値をコンソール出力 […]