iT邦幫忙

2022 iThome 鐵人賽

DAY 16
0
Modern Web

訂單網頁嘗試集系列 第 16

{Day16} 小公主訂單網頁嘗試集_第十六集_javascript__基本語法

  • 分享至 

  • xImage
  •  

感謝大家跟著小公主一同度過了鐵人賽一半的時光,希望大家可以看到小公主完賽!
前半個月小公主分享的html&css都多少有上過一些課程,再來javascript將是小公主完全陌生的領域 qwq
希望大家不吝嗇給小公主指教,如果有錯誤或是相關問題,真的歡迎大神們提出呦!!

基本語法

基本語法可分為

字串(string)
數字(number)
布林值(boolean)

那我們今天就著重string 的部分!

字串(string)

var text ="Welcome to little_princess's web"; //宣告字串=“內文”
document.write(text);                         //印出

注意!!
宣告的名稱只能是英文大小寫/數字/_/$
開頭不可為數字
不然就會無法顯示於網頁中,直接 error

字串有什麼功能呢!
當你設定好一個模板,更動上方宣告處,下面也就可以相關連動,不用一個一個更改

程式碼:

var text ="Welcome to little_princess's web";

document.write(text);
document.write("</br>")
document.write(text.length);

網頁呈現:
https://ithelp.ithome.com.tw/upload/images/20220930/20151423yWaneRfZxw.png

當我更改了text變成

var text ="Welcome to evil‘s queen web";

網頁呈現:
https://ithelp.ithome.com.tw/upload/images/20220930/20151423OoipMz7QWR.png

希望你們有個愉快的週末!!!

參考資料:
https://www.youtube.com/watch?v=yZwlW5INhgk
https://developer.mozilla.org/zh-TW/docs/Learn/JavaScript/First_steps/What_is_JavaScript
https://noob.tw/javascript-introduction/
https://medium.com/tkd-giant/javascript-%E5%85%A5%E9%96%80-84c4cb12d083
https://tw.alphacamp.co/blog/javascript-var-let-const


上一篇
{Day15} 小公主訂單網頁嘗試集_第十五集_簡介JavaScript
下一篇
{Day17} 小公主訂單網頁嘗試集_第十七集_javascript_number
系列文
訂單網頁嘗試集30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言