JavaScript

今日は、以前のタイピングゲームの修正です。 上記が以前のコードです。 ここの117行目のところが原因で、最後の問題を解いた後に、正常であれば、結果が出るのですが、それがでません。まず、何が原因なのか考えるため、co...

JSのクイズゲームでエラーがでたので、先生に質問しました。 問題のコードがこれです。↓↓ エラーを起こすときは、問題をスタートして、ラジオボタンが表示されて、問題に答えるためにラジオボタンにクリックしたときに、ch...

今日は、javascriptのLoadとDOMContentLoadedについて記事にします。 先生に質問した時に、先生の解答から調べたもでしたが、意外とブラウザでjavascriptやHTML、CSS、画像等がいつ読み込まれるのか...

JavaScriptを本気で勉強し始めてから、論理的に筋道立てて考えられるようになってきたような感じがするのは気のせいかな？ 作品のほうも、クイズゲームができたので、少しずつ、スライドショーや、ドロワーメニュー、検索ボックス、※ペー...

最近、なかなか時間を作ることが難しくなってきました。 今日は、ようやくストップウォッチができたので、記事にします！！（作るまで長かった笑） 基本的な流れをまず記載して、その後、実際のコード、解説、調べたことの順に書いていきます...

なかなかタイピングゲームを作るのが難しい😭でも、先生に聞いたりしたおかげで、つまづいていたfor文のループ条件のところが分かったので記事にしたいと思います。 以前の記事はこれです！ 前回質問したときの私のコード...

ようやくパソコン(MacBook Pro16 インチ)が届きました。☺️嬉しい♪けど…高い！！ 今日は、パソコンがきてから初めてのブログ更新です！！ 質問の仕方が悪く、毎回先生を困らせてます。質問の...

頼んだパソコンが、不手際でキャンセルされたー...Oh My God...こんなことってあるんですね(´;ω;｀) 気を取り直して、今日からタイピングゲーム制作を始めました。早速躓いたので、記事にします。 まずは、お決まりので...

ようやく、ストップウォッチが形になりました。ふぅー。 完成がこれです。 今回調べたことは、１、ボタンを一度しか押せなくすること。２、clearIntervalメソッドについて １、については、ボタン要素.di...

ストップウォッチ全然進まなーい．．． 今日はsetTimeoutとsetIntervalの違いです。←これまたムズイ 大まかには、setTimeout(指定した時間に一回だけ動作する)、setInterval(指定した時間ごと...

ストップウォッチのコード書いていて疑問に思ったことがあった。 setTimeout(() =>{　　//処理内容},　//待ち時間) setTimeout(ファンクション処理、待ち時間) これ何が違うの？MDZにす...

うまくいったと思ったら何か違う...やっていて楽しいからいいけど… 今日は、ストップウォッチの途中経過でわからなかったこと、調べたことを記事にします。 onclickとaddEventListenerの両方ともクリックしたら実...

最近、パソコンのしすぎで首が痛い... 今日は、パソコンが壊れてから、やり直したストップウォッチ制作でわからなかったことを記事にします。 途中までですが、一連の流れとしては、1、ページを読み込んだらその時の時間を取得。2、st...

早くパソコンが来ないかなーと思い続けています。 以前と比べてだいぶコードがすっきりしましたが、先生曰く、自分のコードは、信憑性に乏しいと教えていただいたのですが．．．　 正直、(。´･ω･)? ただ、詳しく解説していただ...

コロナウイルスが終息するまでに、アプリ開発できるまでになりたい。そして、アプリ開発したい。というか、なります。 今日は、おみくじを作ったので、少し紹介させてください。 コードです。 コードの可読性、保守性について...

どうも！！最近は、JavaScriptの勉強ばかりしています。早く、コードを書いてアプリや動的なWebサイトを作りたいです... 今日は、配列を使うのか、オブジェクトを使うのか、よくどちらを使うか迷うので教科書で勉強したことを書き込...

最近、生活環境を変えたやすです。 今日は、これまで使ってきたオブジェクト例:(windowオブジェクト、documentオブジェクト、consoleオブジェクト)と、配列のようなオブジェクト例:(let jsbook = {titl...

オブジェクトは、配列と同様に複数のデータを1つにまとめて、変数に代入できるものです。ただ、データを1つにまとめるのは同じですが、作り方もデータの読み取り方もだいぶ違うみたいです。 詳しく見ていきます。 <script&g...

教科書を読み進めて、自己満足で終わるこの頃です。勉強自体自己満足か(笑) 今日は配列について書こうと思います。 配列…複数のデータを1つの変数,定数にまとめて管理するのに使われる。 まずは、配列の書き方！let todo...

生活リズムを元に戻そうと奮闘している最近のやすです。 今日は、演算子についてまとめようかと思います。 意外と知らなかったのが、こちら1,a**b2,a%=b3,++a 答えは、1,aのb乗2,a/bの余りをaに代入3,a...

どうも、ドライアイ👁がかなりひどいこの頃です。 今日は、JavaScriptの本で勉強した。オブジェクト、プロパティ、メソッド、パラメーターについてです！！ 以前から、何回も調べては、何がどうだっけ？、docu...

新しく買ったJavaScriptの本は途中までですが、かなり理解しやすいと感じています。また、紹介できたらなぁと思っています。 今日は、変数、定数についてですが、、、これも違いが分かりませんでした(笑)さらに、驚きが今までvarを使...

最近ネガティブ志向になっています(笑) 今日は、新しく買った、JavaScriptの本で勉強したことを書きます。 まずは、JavaScriptの仕組みからHTML、CSSがブラウザ(ChromeやFirefox,safariな...

var res = ('０１23-4５６7-８90１').replace(//g, function(s) { return s.charCodeAt(0) - '０'.charCodeAt(0);});document.write...

正規表現とは、文字を検索、置換するためのルールのこと。 表現方法の仕方:文字列オブジェクト . replace( / 検索文字列 / フラグ , 置換する文字列 ) 悩んだところ var a = "mn abcd aBC...

皆さんこんばんはヤスです。本日、やりたいこといっぱいあったのに今回の項目で一日使い果たしてしまった阿呆です(笑)では、何に１日使い果たしたのか見ていきましょう！！ まずは、このプログラムを見てください。 var Seito ...

まずは、JSコードについてvar tensuuObj = { 足立: 65, 安藤: 78, 内木: 87};var goukeiTen = 0;var ninnzuu = 0;for (var key in tensuuOb...