Java Scriptまとめ 2020年12月30日 【Java Script】Java Scriptの基本とファイルの作り方チャッピーJava Scriptができると何ができるようになるの？こばゆた今まで動かなかったWebページに動きをつけたり、もっと頑張ればゲームなんかも作れるようになるよきなこなんだか難しそうこばゆた確かにいきなりは難しいから順番に文法などを... コンソールとはなんぞや【Java Script】コンソールとはあまり聞きなじみがない単語ですが、ブラウザ内で使えるコンピュータみたいなもので簡単な計算や動きの確認ができます。java scriptを使う際にはとても便利なのでぜひ覚えて使いましょう。 【Java Script】変数"let"使い方【文法】1.変数とメリット1-1.変数とは用語変数後から更新ができる数や文字列のこと変数を使わないver.console.log('red');出力結果red変数を使うver.let color = 'red';co... 【Java Script】定数"const"使い方【文法】1.定数とは用語定数定義したら更新ができない数や文字列のこと変数の時は"let"を使いましたが、定数では"const"を使います。const 定数名= '代入する値';こばゆた作り方は"const"が付くくらいで変数と変わら... 【Java Script】文字列の連結とテンプレートリテラル【文法】1.文字列の連結以前学習した復習になりますが文字列は+で連結することができます。console.log('野比' + 'のび太');出力結果野比のび太こばゆたこちらは問題ないですねでは復習をかねて変数と使って... 【Java Script】真偽値と比較演算子【文法】きなこ真偽値ってなぁに？用語真偽値(しんぎち)条件が成り立てば真(true)、成り立たなければ偽(false)になること条件が「成り立つ時」、「正しい時」を"true"、「成り立たない時」、「正しくない時」を"false"とそれぞれ言い"t... 【Java Script】if文などの条件分岐とswitch文【文法】きなこifって英語の「もし〇〇なら××する」とおんなじなの？こばゆたうん。それを難しく言ったのが条件分岐って話また真偽値と比較演算子を踏まえて今回の内容をやっていくのでリンクも貼っておきます1.条件分岐英語の"if"と同じで「もし〇〇なら×... 【Java Script】同じ処理を繰り返すのに便利なループ処理【文法】以下の様に1〜10までを出力したいとします。こばゆた地道に"console.log"で出力したりconsole.log(1);console.log(2);console.log(3); ・ ・ ・console.log(10);出力結果1... 【Java Script】配列を作ってデータを扱いやすくする【文法】チャッピー変数がたくさんになってきてしまったら訳がわからなくなってきたよ💦const veg1 = 'じゃがいも';const veg2 = '人参';const veg3 = '玉ねぎ';こ... 【Java Script】関数まとめ【文法】こばゆた今回は理解するまで大変かもしれないけどやっていくうちにその便利さに気付き、理解も深まってくる関数についてやっていきますチャッピー噛めば噛むほどって感じだねジャーキーみたいなものか1.関数1-1.関数とは関数とは外部 (再帰の場合は内... 【Java Script】オブジェクトとは【文法】こばゆた複数の値をまとめる配列にも似ていますが、オブジェクトはプロパティと値をつけてまとめることができるものですチャッピーどうちがうの？こばゆたざっくり分けると配列は入れ物みたいなもので、オブジェクトは表のようなものだよ1.オブジェクトco... 【Java Script】スコープの範囲【文法】こばゆた今回は補足的な内容になりますがスコープと呼ばれるものについてです1.スコープこばゆたとりあえず普通に関数の呼び出しや出力をしてみますlet animals = 'cat'; //変数animalsにcatを代入con... 【Java Script】配列のループに使えるforEach文【文法】こばゆた今までは配列の値を全部取り出す時はfor文やwhile文を使っていましたconst veg =;for(let i =0; i<veg.length; i++){ console.log(veg);};出力結果じゃがいも人参玉ねぎト... 【Java Script】ランダムな数を生成するチャッピーランダムな数値って何かに使うの？こばゆた簡単なイメージだとサイコロのように１〜６の目がランダムで出るようなものが作れるよまたちょっと変えればおみくじやランダムでのイベントも作ることができるんだ攻撃こばゆたちゃんとやろうとするとHT... 【Java Script】配列から合計と平均を出す【学習メモ】こばゆた配列を使っていると合計を出す場面によく遭遇するのでまとめておきましたこばゆたforEachについてはコチラconst points = ;let total =0; //変数を用意するpoints.forEach((point)=>... 【Java Script】windowオブジェクト(alert, confirm, prompt)こばゆた今回はwindowオブジェクトの中でもよく使うalert, confirm, promptの３つを見ていこうと思いますまたサンプルではウィンドウがでますので多少うっとうしいかもですがご了承ください1.windowオブジェクトとはwi... 【Java Script】parseIntの使い方とデータの種類こばゆた以前学習したprompt( )です選択肢に特定の値を入れると答えによって返事が変わるやつですねちょっとやってみてくださいconst answer = prompt('0か1の数値を入れてください');if(answe... 【Java Script】小数点を操作するMathオブジェクトこばゆた小数点に関する操作を説明する前に円周率を表示する方法を書いておきますMath.PI; //円周率を出すconsole.log(Math.PI); //円周率を出力する出力結果3.141592653589793こばゆた今回はこの円周率... 【Java Script】DOMの操作1.DOMとはこばゆたドム (DOM) は、「ガンダムシリーズ」に登場する架空の兵器。有人操縦式の人型ロb…チャッピー多分それじゃないと思うこばゆたDOMとはDocument Object Modelの略でHTMLやCSSを操作したり、イベ... 【Java Script】要素を取得をする1.要素の取得1.querySelectordocument.querySelector('セレクター名');"document"というのはHTMLやCSSを取得するための命令のようなもので、"querySelector"と... 【Java Script】イベントを追加するaddEventListenerこばゆた今回はJava Scriptを使ってイベントを追加してみますきなこHTMLやCSSで作ったものが動くって感動だねこばゆた簡単なイベントでも作れるとようやくJava Scriptが楽しくなってくるからね1.addEventListen... 【Java Script】クラスとインスタンスオブジェクトの中にも関数を入れることができます。const member1 = { name: 'ケンシロウ', school: '北斗', intro: (name, school)=>{ console....
