サンプルコードを見ていきましょう。if文は、実際のコードを見て覚えるのが一番楽です。CodePen.入力した値が奇数なのか偶数なのかを返してくれるコードです。これは、if文の条件式に「入力した値が偶数である場合」を指定しており、値が偶数であれば「〇〇は偶数です」と返すように、偶数でない場合は「〇〇は奇数です」と返すように記述しています。以下のコードでは、関数を定義しています。変数の値が、「偶数の場合/偶数ではない場合」の条件を定義し、それぞれに応じた処理を記述しています。【JavaScript入門】JavaScriptのfunction(関数)の意味と利用方法、コーディング方法を丸っと解説します。パラメータ(引数)の使い方やローカル変数/グローバル変数の差異など、function(関数)利用時に知っておきたい内容を3分でまとめます。it-biz.online2020.02.172formタグを利用した入力フォームの定義HTMLのformタグを利用して、入力フォームを作成しています。ここに入力した値を、先ほど定義した関数で拾い偶数判定を行うようにしています。【初心者向け】HTMLで入力フォームを作成する方法を解説します。formタグ・labelタグ・textareタグ(各type属性)・selectタグ・inputタグを0から解説していきます。if文これまでは、条件が2つ(true/falseの場合)だけでしたが、実際のプログラムでは条件が3つ以上になる場合も多く存在します。先ほどのサンプルコードではユーザに「数値を入力してください!」としか指示をしていませんが、全角の数字(もしくは漢数字)など、半角数字を入力した場合はどうなるでしょうか?「こんにちは」と入力してみてください。CodePen.おそらく「あいうえおは奇数です」と表示されてしまったのではないでしょうか?これは、「偶数の場合ではない」処理が行われているためです。3それ以外」の3つの条件に分けて記述すべきです。ifを利用することで、条件を複数指定することができるようになります。ifを追加していくだけでOK。なった時点で指定した分岐に分かれていきます。条件3の比較を行う前に条件2で"true"となれば、条件2の処理のみが実行されることに注意が必要です。ifを用いたサンプルコードです。以下では、偶数でも奇数でもない場合(半角数字が入力されなかった場合)の処理として「半角数字を入力してください」と表示するようにしています。CodePen.JavaScriptを体系的に学びたい方はプログラミングをより実践的に学びたい―。実際にコーディングをしながら学びたい―。独学に限界を感じている―。そんな方には、無料体験/オンライン完結もあるプログラミングスクールで学ぶのがおすすめです。都度検索しながら知識を補完していくのではなく、1から体系立てて学ぶことで短時間・かつ効率的にスキルハックすることが可能です。各プログラミングスクールの特徴をまとめた記事をこちらに記載しておきますので、是非ご覧ください。【2020年版】無料あり:プログラミングスクールを選ぶならこの3つから今なら無料体験できる!現役のエンジニアがプログラミングスクールを3つだけ!厳選しておすすめします。オンライン型・通学型それぞれ整理していますので、是非ご覧ください。【初心者向け】JavaScriptで配列を利用する方法を画像・サンプルコード付きで解説します。「そもそも配列って?」「変数と何が違うの?」そんな疑問をお持ちの方でも、最後まで理解できるよう全ての用語を分かりやすく解説しています。2020.02.18HTML【HTML】1分で学ぶspanタグの書き方・使い方と意味このページでは、spanタグの書き方・使い方を解説します。spanタグは、divタグと同様それ単体では意味を持たないタグであり、HTMLのいろいろな要素やテキストをグループ化する役割を持ちます。このページでは、spanタグの書き方...2019.12.16CSS【CSS】3分で理解できる!ボックスモデルこのページでは、CSSでpaddingやmargin、widthやheightをマスタ―するための前提となる「ボックスモデル」について画像付きで1から解説しています。要素の表示形式を決める「display」プロパティの意味と使い方を解説します。displayプロパティは初心者にとって理解しづらい部分ではありますが、CSSでのレイアウト整理において最も基本的で重要な役割を担っています。このページ...2020.01.20HTMLHTMLとは?マークアップの意味からわかりやすく説明【3分で解説】WEBページの制作に必須となるマークアップ言語「HTML」について解説します。HTMLは、Webページを構成する最も基本的なマークアップ言語です。HTMLとは?Webページはどのように作られている?そ...2019.12.23HTML【HTML】3分で学ぶ「見出し」タグ―h1~h6HTMLの基本中の基本「見出し」タグについて解説します。ビズドットオンライン.HOMESAPWEBデザインIT-SkillsLifeHackVBAPythonタイトルとURLをコピーしました。