自分用

javascript

<script>
document.write('');
</script>

//オブジェクト.メソッド(パラメーター);//
//スクリプトの対象.命令(メソッドを調整する為の値);//

document.write('10+3');

//シングルクォーテーションで囲むと文字列。//

document.write(10+3);

//''が無い場合は、演算、変数として扱う。//

文字列連結

document.write('10＋3の結果は'+(10+3)+'です');

//()をつけないと文字列になるので注意。//

変数

<script>
  const answer = 10 + 3;
  document.write('10+3の結果は' + answer + 'です)
</script>

//answerという変数に、10+3の計算結果を代入する。変数も数字なので''に入れることはできない。//
//複雑な計算の場合、動作速度の向上や管理がしやすくなる。//
//変数名には、1文字目はアルファベット、アンダースコア、ドル記号が使える。//
//2文字目以降は、それに加えて数字も使える。//
//大文字、小文字は区別される。//

変数の上書き

<script>
 const answer = 10 + 3;
 document.write('10+3の結果は' + answer + 'です');
            
 answer = 10 - 3;
 document.write('<br>10-3=' + answer);

 answer = answer + 10;
 document.write('<br>' + answer);
</script>

//上の計算から処理される。//

計算の省略形

answer += 3;
answer -= 3;
answer *= 3;
answer /= 3;
answer ++;(answer = answer + 1)
answer --;(answer = answer - 1)

instance(実体化)

<script>
　　const today = new Date();
document.write('<p>今日は' + today.getDate() + '日です</p>');
</script>

//Date();オブジェクトに、newをつける事によってtoday
にinstance化(実体化)する。//
//オブジェクトはinstance化しないと使えない。//

今日の日付

<script>
   const today = new Date();
   const todayhtml = today.getFullYear() + '/' + (today.getMonth() + 1) + '/' + today.getDate();

   document.write('<p class="date">' + todayhtml + '</p>');
</script>

//getMonthは、１月を０としてるので、ひとつ少ない数値になるため、+1とする。//

 <script>
    document.getElementById('timer').innerHTML = '00:00:01';
 </script>

//scriptタグは、headタグの最後、またはbodyタグの最後、もしくは別のファイルに書く。//
//innerhtmlはプロパティ。00：00：01をinnerhtmlに代入//

if構文

//secondsが10未満の時だけseconds = '0' + secondsを実行する。//
if (seconds < 10) {
        seconds = '0' + seconds;
        }

比較演算子

A>B 　　AがBより大きい
A>=B　　AがB以上
A===A　AとBが等しい
A<=B　　AがB以下
A<B　　AがBより小さい
A!==B　AとBが等しくない　　　　　　　

アロー関数 () => {

//無名関数の省略形。functionが要らない。//
 document.getElementById("start_stop").addEventListener
('click', () => {
  const start = new Date();
        });

for構文

//for構文は、繰り返し回数を指定し、その回数になるまで同じ処理を何度も行う構文//
for (i=0 i<...[0].length;i++) ｛
処理
｝

三項演算子

var age = 30;
var appearance = age <= 50 ? ' is middle aged ' : ' is senior ';
console.log(appearance);

switch文

var age = 30;
var firstName = 'your';

switch (age) {
  case 20:
    cosole.log(firstName + ' is boy ');
    break;
  case 30:
    console.log(firstName + ' is middle aged ');
    break;
  default:
console.log(firstName + ' is senior ');
}