」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > #daysofMiva 編碼挑戰日:JS 中的值和變數

#daysofMiva 編碼挑戰日:JS 中的值和變數

發佈於2024-11-07
瀏覽:181

嗨,大家好。最近太忙了,都沒有時間記錄我的旅程是怎麼樣的?無論如何,我會繼續關注❤️。

對於我的第 5 天文檔,我只是做了一些非常簡單和簡短的事情。

Day f #daysofMiva Coding Challenge: Values and Variables in JS

正如您從上面看到的,一旦您理解了值和變量,這就是一個非常簡單的任務。

那麼什麼是值和變數?

JavaScript 中的值

將值視為您在 JavaScript 中使用的實際資料或資訊。這些就像食譜中的食材。值的一些範例是:

  • 數字:如 10、3.14 或 -5
  • 文字(稱為字串):如「Hello」、「JavaScript 很有趣!」或「123」
  • 布林值:哪個是真或假
  • 其他:還有其他類型的值,例如 null(表示「無」)或 undefined(表示「尚未定義」)。

JavaScript 中的變數

現在,假設您有一個標籤的盒子。您可以將這些值之一放入該方塊中並為其新增名稱標籤。這個標記框稱為變數。

例如:

您可能有一個名為年齡的變量,在該框中儲存數字 13。
您可以有另一個名為greeting 的變量,並在該框中儲存文字「Hello, World!」。

代碼如下:

let age = 13;  // Here, 'age' is the variable, and '13' is the value stored in it.
let greeting = "Hello, World!";  // 'greeting' is the variable, and the text is the value.

為什麼要使用變數?

變數很有用,因為它們可以讓您儲存數據,然後使用或更改它。而不是寫“你好,世界!”一遍又一遍,您可以在需要該訊息的任何地方寫下問候語。如果需要更改訊息,只需在一個地方更新即可。
因此,當您使用 JavaScript 進行編碼時,您正在建立變數來儲存值,然後您可以使用這些變數來建立您的程式!

現在我們已經了解了值和變數是什麼,讓我們揭曉我的作業。

我先連結我將使用的第二個 JS 文件,名為「assignment.js」。
注意:我們可以將多個 JS 檔案連結到一個 HTML 檔案
Day f #daysofMiva Coding Challenge: Values and Variables in JS

其次,我轉到瀏覽器開啟控制台。

Day f #daysofMiva Coding Challenge: Values and Variables in JS
注意:要開啟控制台,請右鍵單擊滑鼠,按一下「檢查」並導航至控制台

Day f #daysofMiva Coding Challenge: Values and Variables in JS
正如我們從上面的控制台看到的,只顯示了我的第一個 JS 檔案的輸出。

然後我繼續輸入變數和值,這些變數和值稍後將在控制台上運行,如下所示。

Day f #daysofMiva Coding Challenge: Values and Variables in JS

Day f #daysofMiva Coding Challenge: Values and Variables in JS

第五天就這樣結束了! ?我告訴過你這很簡單——就像享受一塊蛋糕一樣? (當然要減去卡路里)。感謝您的堅持並表現得很好!更多樂趣(當然,還有幾行程式碼)即將到來,所以不要忘記繼續關注。下次見,祝您編碼愉快! ✨

版本聲明 本文轉載於:https://dev.to/ayotomi_de/day-5-of-100daysofmiva-challenge-values-and-variables-in-js-4ce0?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 如何使用 Gorilla Websocket 在 Go Websocket 應用程式中向特定用戶端發送目標訊息?
    如何使用 Gorilla Websocket 在 Go Websocket 應用程式中向特定用戶端發送目標訊息?
    Go with Gorilla Websocket 中的特定客戶端訊息傳遞在websocket 通訊領域,向特定客戶端發送訊息的能力對於建立即時應用程式至關重要。然而,預設的 websocket 範例通常會示範同時向所有連線的用戶端廣播訊息。 為了解決這個問題,我們可以採用一種方法,為每個客戶端分配...
    程式設計 發佈於2024-11-08
  • O - 開閉原理 (OCP)
    O - 開閉原理 (OCP)
    What is Open/Closed Principle(OCP)? According to the Open/Closed Principle, "Objects or entities (such as classes, modules, functions, etc.) ...
    程式設計 發佈於2024-11-08
  • C 的力量:創造一個為世界提供動力的系統
    C 的力量:創造一個為世界提供動力的系統
    C 是一種強大的程式語言,因其高效、可移植和低階控製而聞名。它廣泛用於開發關鍵任務系統,如作業系統、嵌入式系統和資料結構。其特點包括:高效率:C 程式碼直接編譯為機器碼,實現更高執行效率。可移植:C 可以跨多種平台運行,方便在各種裝置上部署應用程式。低階訪問:C 提供對硬體和記憶體的低階訪問,允許精...
    程式設計 發佈於2024-11-08
  • Google Sheets 到 MySQL 只需幾分鐘
    Google Sheets 到 MySQL 只需幾分鐘
    Google Sheets 数据导入 MySQL:初学者指南 您是否希望将 Google Sheets 数据转换为 MySQL 数据库?如果是这样,那么您来对地方了!在这个适合初学者的教程中,我们将引导您完成将 Google Sheets 数据导入 MySQL 数据库的过程。 如果您没有编码背景,请...
    程式設計 發佈於2024-11-08
  • 如何在 MySQL 中將紀元數字轉換為人類可讀的日期?
    如何在 MySQL 中將紀元數字轉換為人類可讀的日期?
    在 MySQL 中將紀元數轉換為人類可讀的日期在資料庫管理領域,經常需要將紀元數轉換為人類可讀的日期。紀元編號表示自訂紀元以來的某個時間點,通常用於在 MySQL 等資料庫系統中儲存時態資料。 假設您有一個紀元編號,例如 1389422614485,它代表一個特定的時間點。該值的資料類型是varch...
    程式設計 發佈於2024-11-08
  • 介紹 simpledev.css
    介紹 simpledev.css
    simpledev.css 是一個新的 CSS 框架,我將其描述為大多數無類別框架。我稱之為無類,因為許多程式碼使用類型選擇器,因此您不必添加許多類別來設定網頁樣式。有一些類,但我們盡量將它們保持在最低限度(到目前為止只有大約 42 個類)。 讓我們回顧一下下面的一些功能! 特徵...
    程式設計 發佈於2024-11-08
  • 掌握影像分割:傳統技術如何在數位時代仍然大放異彩
    掌握影像分割:傳統技術如何在數位時代仍然大放異彩
    介绍 图像分割是计算机视觉中最基本的过程之一,它允许系统分解和分析图像内的各个区域。无论您是在处理对象识别、医学成像还是自动驾驶,分割都可以将图像分解为有意义的部分。 尽管深度学习模型在这项任务中越来越受欢迎,但数字图像处理中的传统技术仍然强大且实用。本文回顾的方法包括阈值处理、边...
    程式設計 發佈於2024-11-08
  • 系統整合測試:確保無縫軟體集成
    系統整合測試:確保無縫軟體集成
    在軟體開發的動態環境中,確保系統的各個組件或模組無縫地協同工作對於提供可靠且高效能的軟體解決方案至關重要。這篇部落格文章深入探討了系統整合測試 (SIT),這是軟體測試生命週期中的關鍵階段,用於驗證整合組件之間的交互,確保系統的整體功能和可靠性。 什麼是系統整合測試? 系統整合測試 (SIT) ...
    程式設計 發佈於2024-11-08
  • 掌握 Angular Table 中可調整大小的欄位:開發人員逐步指南
    掌握 Angular Table 中可調整大小的欄位:開發人員逐步指南
    如何在 Angular 表中创建可调整大小的列:分步指南 Angular Material 表提供了一种时尚的数据显示方式。然而,用户通常需要额外的功能,例如调整表列大小以更好地控制数据显示的能力。在本指南中,我们将逐步介绍使用自定义指令在 Angular 表中创建可调整大小的列的...
    程式設計 發佈於2024-11-08
  • 如何依子值升序對多維 PHP 陣列進行排序?
    如何依子值升序對多維 PHP 陣列進行排序?
    PHP:以子值對多維數組進行排序此問題旨在根據「mid」子值對多維 PHP 數組進行排序。為了實現這一點,響應者建議使用 usort 函數,它允許基於比較的排序。 代碼如下:function cmp($a, $b) { return $a["mid"] - $b[...
    程式設計 發佈於2024-11-08
  • 如何在 Django 中創建一個簡單的調度程序
    如何在 Django 中創建一個簡單的調度程序
    如果您需要每X 分鐘/秒等運行一個函數來進行一些清理,觸發一些操作,您可以在線程模組和django 自訂cli 的幫助下執行一個簡單的調度程序命令。 假設我想每 5 秒呼叫一個函數以在外部 API 上發布一些內容。 在您的 django 應用程式中建立一個名為 management 的資料夾/包...
    程式設計 發佈於2024-11-08
  • 引導實用程式
    引導實用程式
    Bootstrap 實用程式是一組功能強大的類,可讓您的網站樣式設定更輕鬆、更快捷,而無需編寫自訂 CSS。讓我們深入了解基礎知識! 什麼是 Bootstrap 實用程式? Bootstrap 實用程式是預先定義的 CSS 類,您可以將它們直接套用於 HTML 元素以控制其外觀或行為。這些實用程...
    程式設計 發佈於2024-11-07
  • 修復下拉式選單/工具提示等隱藏的溢出
    修復下拉式選單/工具提示等隱藏的溢出
    您是否曾嘗試為您的按鈕建立下拉列表,然後選擇但隨後被溢出隱藏阻止? 然後你該怎麼做,然後你使用javascript將元素丟到DOM的根目錄,然後根據觸發元素矩形定位元素,每次佈局更改時重新計算,發生滾動和調整視窗大小,不是很有效的。 首先我想說的是它還沒有完全支持,但現在有一個polyfill可...
    程式設計 發佈於2024-11-07
  • 如何使用中間件方法有效處理 Gin Web 應用程式中的錯誤?
    如何使用中間件方法有效處理 Gin Web 應用程式中的錯誤?
    增強 Gin 中的錯誤處理Gin 的自訂錯誤處理涉及使用中間件來處理錯誤回應。這允許錯誤邏輯與正常流程邏輯分離。 錯誤處理中介軟體type appError struct { Code int Message string } func JSONAppErrorReporter...
    程式設計 發佈於2024-11-07
  • 如何使用 Python 和 Medium API 將文章發佈到 Medium
    如何使用 Python 和 Medium API 將文章發佈到 Medium
    介紹 作為使用 Obsidian 撰寫文章的人,我經常發現自己在發佈到 Medium 時需要手動複製和格式化我的內容。此過程可能非常耗時且重複,尤其是在處理 Markdown 文件時。為了簡化我的工作流程,我決定開發一個 Python 腳本,自動將 Markdown 檔案直接發佈到...
    程式設計 發佈於2024-11-07

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3