Day 5 JavaScript基本程式

15th鐵人賽

neilsu02

2023-09-20 23:19:14

402 瀏覽

分享至

由於node.js會使用到javascript因此我今天來練習程式並且介紹javascript的特點

JavaScript是一種高級、多範式的程式語言，主要用於在網頁瀏覽器中為網頁添加互動性和動態功能，JavaScipt的特典有以下
客戶端腳本語言： JavaScript主要用於在網頁瀏覽器中執行，它可以讓網頁與使用者互動，回應使用者的操作和輸入。

跨平台： JavaScript是一種跨平台的語言，可以在各種操作系統上運行，並且與各種主流的網頁瀏覽器兼容，如Chrome、Firefox、Safari和Edge。
腳本語言： JavaScript是一種解釋性的腳本語言，它不需要編譯成二進制代碼，可以直接在瀏覽器中運行。
動態類型： JavaScript是一種動態類型語言，不需要在聲明變數時指定其類型，類型是在運行時確定的。
面向對象： JavaScript支持面向對象編程，它使用原型鏈來實現對象繼承。
事件驅動： JavaScript可以回應使用者的事件，例如滑鼠點擊、鍵盤輸入、按鈕點擊等，以執行相應的操作。
DOM操作： JavaScript可以操作文件對象模型（Document Object Model，DOM），從而實現對網頁內容的動態修改和控制。
異步編程： JavaScript支持異步編程模型，可以執行異步操作，如AJAX請求和定時器。
豐富的庫和框架： JavaScript擁有大量的開源庫和框架，如jQuery、React、Angular、Vue.js等，用於簡化網頁開發和構建複雜的網頁應用程序。
伺服器端開發：除了在客戶端瀏覽器中執行，JavaScript也可以在伺服器端執行，通過Node.js等平台實現伺服器端應用程序開發。

以下是判斷輸入的數字是否為偶數

<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>偶數檢查器</title>
</head>
<body>
    <h1>偶數檢查器</h1>
    <label for="numberInput">請輸入一個數字：</label>
    <input type="number" id="numberInput">
    <button onclick="checkEven()">檢查</button>
    <p id="result"></p>

    <script>
        // JavaScript功能：檢查輸入的數字是否為偶數
        function checkEven() {
            // 獲取使用者輸入的數字
            const userInput = document.getElementById('numberInput').value;

            // 檢查是否為偶數
            if (userInput % 2 === 0) {
                document.getElementById('result').innerText = userInput + ' 是偶數。';
            } else {
                document.getElementById('result').innerText = userInput + ' 不是偶數。';
            }
        }
    </script>
</body>
</html>