9/26上課筆記 (陣列，超連結，div/相片瀏覽)

1. 陣列（array)   學習網址：https://www.w3schools.com/js/js_arrays.asp

    語法：var array_name = ["Saab", "Volvo", "BMW"]; ＃＃記得加上雙引號

      document.getElementById("demo").innerHTML = array_name[0];
      
      ＃＃上語法代表取array內的第一個item 程式是由0開始算
      
      另外： 可以直接透過array_name[0] = "Opel"; 更換array內的元素

      var person = {firstName:"John", lastName:"Doe", age:46}; ＃＃在array內定義名字
               document.getElementById("demo").innerHTML = person["firstName"];
 
               array_name.length 可知道這個陣列的元素有幾個



2. a herf : 學習網址：https://www.w3schools.com/tags/att_a_href.asp

    語法： <h2 id="top">Top of page!</h2> ＃＃記得定義id= name
                <a href="#top">Go to top</a>  要叫回name 記得要加＃

       <a href="javascript:alert('Hello World!');">Execute
       JavaScript</a>
       javescirpt:aleart（“test")  打要跳出來的訊息
       execute javascript  執行


3.div:  學習網址:https://www.w3schools.com/tags/tag_div.asp
  用途： defines a division or a section in an HTML document.
              The <div> element is often used as a container for other HTML elements  
              to style them with CSS or to perform certain tasks with JavaScript.

  語法： <div style="border:2px orange solid;">這是個有橘色邊框的 HTML div</div>
                     <div style="background-color:pink;">這是個有粉紅色背景色的 HTML div</div>

        ＃色碼表：http://www.wibibi.com/info.php?tid=372

4.button若太醜，用javascript 代替

5.字串相加＝連結的意思

6.variable(變數）：  學習網址：https://www.w3schools.com/js/js_variables.asp

＃x = x + 5 "=" 不是“等於” 而是“指定”

可用來儲存（數字，字串，有意義的字）


功課網址：https://jsfiddle.net/user/MISHomework4107029035/fiddles/