ねっとぱんだ-プログラミング勉強ブログ-

Webデザイン、プログラミングの勉強ブログ。

Javascript

【javascript】論理演算子、数値・文字列・真偽値への変換、三項演算子

新しく学んだことや復習をまとめて行きます。論理演算子論理AND演算子両辺がtrueならtrue x=7; y=2; if(x === 7 && y === 2){ console.log('xは7でyは2'); } 論理OR演算子両辺どちらかがtrueならtrue x=7; y=2; if(x === 7 || y === 2){ console.log('xは7で…

【javascrip】 分岐とparseIntで平均体重をもとめる

男女別に平均体重を男女別に求める※数値は適当です var heigth; var weight; var man; man = confirm('あなたは男性ですか?',''); height = window.prompt('あなたの身長を半角英数字でかいてね',''); height = parseInt(height,10); //man がtrueかどうか…

【javascript】 ランダム関数と条件分岐の練習

新しく学んだことや復習をまとめて行きます。random関数とif構文を使ったおみくじ var omikuji =parseInt(Math.random() * 10) + 1; console.log(omikuji); if (omikuji == 1){ console.log('大吉'); }else if(omikuji ==2){ console.log('中吉'); }else if(…

【javascript】ポップアップウィンドウを作る

javascriptでフラットなポップアップウィンドウを作りました。画像ごとに値を取得して違う画像を表示します。 ボタンのホバーアニメーションも少し練習しました。ポップアップウィンドウ DemoHTML(top page) <html lang="ja"> <head> <meta charset="UTF-8"> <title>lightbox</title> <link rel="stylesheet" href="style.css"> </link></meta></head></html>

【japascript】1ページで内容が切り替わる動き

javascriptでコンテンツが切り替わる動きを作りました。 コンテンツが切り替わる tabをクリックで内容が切り替わります。DemoHTML <html lang="ja"> <head> <meta charset="UTF-8"> <title>a</title> <link rel="stylesheet"href="style.css"> <script type="text/javascript" src="script.js"></script> </head> <body> <div class="container"> <ul> </ul></div></body></html>

【HTML+CSS+JS】クリックでDOMを操作

DOMを追加する ボタンを押すと🐼が現れ、ボタンが消えます。Demohtml+css+javascript <html lang="ja"> <head> <meta charset="UTF-8"> <title>a</title> <style> .box{ font-size:50px; text-align:center; line-height:200px; background:#ffdddd; height:200px; width:200px; margin:0 auto; } #BTN{ font-size:12px; font-wei</meta></head></html>…

【javascript 】条件分岐構文

条件分岐 if else書き方1 if(条件) trueの時の処理 else falseの時の処理 if else書き方2 if{ trueのときの処理 }else{ falseのときの処理 } else if if(条件1){ 条件1がtrueの時 }else if(条件2){ 条件2がtrueの時 }else{ 全て正しくないとき } switch s…

【Javascript】基本的な記述2

Javascriptの記述法について勉強した事をまとめます。 Javascriptの記述方法 HTML内に記述 ブラウザでHelloと表示されます。 <html> <body> <script> document.write("Hello "); </script> </body> </html> 外部から読み込み 外部からjsディレクトリ内のsample.jsを読み込みます。 <script src="js/sample.js"></script> 文章を改行する時は(…

【Javascript】基本的な記述

Javascriptの記述法について勉強した事をまとめます。Javascript記述の基本 大文字と小文字は区別される セミコロンで文が終わる。 処理が完結しており改行されていれば終わり。 改行してあってもまだ続く記号があったり、分が未完結なら改行の次も続いてい…