JavaScript 基礎

JavaScriptのドキュメントはMDNのサイトでよく参照することができます。
MDN JavaScript

即時関数:直ぐに実行されます。

<script>
       (function(name){
        console.log("hello" + name);
      })("tom");
      </script>
      <script>
      (function()){
        var x = 10;
        y = 20;
        console.log(x + y);
      }();
      </script>

setInterval

var i = 0;
      function show(){
        console.log(i++)
      }
      setInterval(function(){
        show();
      }, 1000);

setTimeout

var i = 0;
      function show(){
        console.log(i++);
        setTimeout(function(){
          show();
        }, 1000);
      }show();

オブジェクト

var user = {
        email: "yamada@gmail.com",
        score: 80
      };
      console.log(user.email)

オブジェクト2

var user = {
        email: "yamada@gmail.com",
        score: 80,
        greet: function(name){
          console.log("hello, " + name);
        }
      };
      user.greet("sato");

Arrayオブジェクト

var a = new Array(100, 300, 200);
      console.log(a.length);

Math

      console.log(Math.PI);
      console.log(Math.ceil(5.3));
      console.log(Math.floor(5.3));
      console.log(Math.round(5.3));

三項演算子
a = (条件) ? b : c;

よく使うもの

console.log(window.outerHeight);
window.location.href = "http://google.com"
document(DOM)
var e = document.getElementById('msg');
      e.textContent = 'Hello';
      e.style.color = 'red';