Javascript　ドットインストール＃２１、２２ここは役に立ちました　「関数について」

関数について function 〇〇() {}; 上記で定義すると、呼び出す時は〇〇();で呼び出せるこの例では function ad() { console.log("------------Ad----------------") console.log("------------Ad----------------") console.log("------------Ad----------…

2020-03-31

Javascript　ドットインストール　基礎文法編１−１２までまとめ

参考になるところを箇条書きしました 'use strict'; // これは最初に定型として定義する.エラーチェックしやすくなる //jsは上から順に実行される console.log("hello\n world") // 「\n」で改行 console.log("hello\tworld") // 「\t」でtab挿入 console.lo…

2020-03-31

Javascript クリックイベント　ボタンを押すとそれに応じたテキストが出る

グーチョキパーを選ぶとしたにそれぞれのテキストが出るグーを選んだ場合 html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <p>あなたの手を決めてください</p> <button id="gu">グー</button></body></html>

2020-03-31

Javascript alert , if , dom　を使用したもの

金額を半角で入れる 1600と記入注文しましたと表示される（入力値が１５００未満だった時ここには注文できませんでしたと表示される）コード html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h1>注…</h1></body></html>

2020-03-29

Javascript　写経って意味ないよね　それを知った件

ProgateのJSを一周したので実践としてジャンケンアプリを作ろうとした http://kanza.qee.jp/datahtml5/jyanken/jyangken.htm これを真似ようとしたところ、、挫折。ググって解説の丁寧なもの発見 https://qiita.com/tsuyopon_xyz/items/ed2e244da8225eb31b…

2020-03-28

Javascript Progate No4　その１

オブジェクトとは const animal = {cat:"猫", dog: "犬" ・・・・}; 上記のように複数のプロパティ（ここでいうcat, dog )と対応する値（ここでいう猫、犬）を管理しているもののこと値には関数も使えるーーーーーーーーーーーーーーーーーーーーーーーー…

2020-03-26

HTML 　HP制作　その3 Progate HTML CSS上級

Progate 上級レスポンシブ対応上記画像のレスポンシブ実装の為のまとめ <meta name="viewport" content="width=device-width, initial-scale=1.0"> をhtmlのheadタグ内に記述通常のstyle.cssの他にレスポンシブようファイルresponsive.cssを作るこの時レスポンシブ用ファイルは上記viewportよりも下に配置 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Progate</title> …</meta></meta>

2020-03-25

Javascript Progate レベル１　

Javasciriptについてはーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー let :変数 const : 定数ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー ifについて let namber = 10 if(namber > 5){ console.log("5…

2020-03-25

HTML 　HP制作　その２

構成 progate 中級HP 〜Progate HTML CSSの中級終了〜これをやると基本の構成が参考になった具体的にHPの構成は body header container header-left ,right：この階層にaなどを入れる lesson-wrapper container heading lessons lesson lesson-icon tet-co…

2020-03-24

HP制作その１　Progate　初級

k Progate 初級HP 初級を終えると上記のようなページが作成可能 HPの構成は title body header header-logo header-list main main-contents contents contents-item contact-form footer といった構成サイトを作るときにこの構成を意識するとシンプルな画…