欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

javascript做小項目

榮姿康1年前6瀏覽0評論

JavaScript是一門強大的編程語言,可以實現復雜的網站交互和動畫效果。作為前端開發人員,我們經常需要使用JavaScript來創建小型項目。在這篇文章中,我們將介紹如何使用JavaScript來完成幾個簡單的小項目。

第一個小項目是一個簡單的計算器。使用JavaScript,我們可以輕松地為網頁創建出一個計算器,讓用戶進行加減乘除等基本運算。下面是實現這個小項目的代碼:

function add(x, y) {
return x + y;
}
function subtract(x, y) {
return x - y;
}
function multiply(x, y) {
return x * y;
}
function divide(x, y) {
return x / y;
}
var x = parseFloat(prompt("請輸入第一個數字:"));
var y = parseFloat(prompt("請輸入第二個數字:"));
var operator = prompt("請輸入運算符:");
if (operator === "+") {
var result = add(x, y);
} else if (operator === "-") {
var result = subtract(x, y);
} else if (operator === "*") {
var result = multiply(x, y);
} else if (operator === "/") {
var result = divide(x, y);
} else {
var result = "輸入的運算符無效";
}
alert(result);

第二個小項目是一個交互式的抽獎小游戲。在這個小游戲中,用戶可以通過點擊按鈕來隨機抽取一個獎品。下面是實現這個小項目的代碼:

var prizes = [
"一等獎",
"二等獎",
"三等獎",
"四等獎",
"五等獎"
];
function getRandomInt(max) {
return Math.floor(Math.random() * Math.floor(max));
}
var button = document.querySelector("button");
var prize = document.querySelector(".prize");
button.addEventListener("click", function() {
var randomIndex = getRandomInt(prizes.length);
prize.textContent = prizes[randomIndex];
});

第三個小項目是一個簡單的倒計時器。在這個小項目中,我們使用JavaScript來創建一個倒計時鐘,讓用戶能夠看到剩余的時間。下面是實現這個小項目的代碼:

var countdown = document.querySelector(".countdown");
var timer = setInterval(function() {
var now = new Date();
var end = new Date("2021-12-31 23:59:59");
var remainingMilliseconds = end - now;
var remainingSeconds = Math.round(remainingMilliseconds / 1000);
var remainingMinutes = Math.floor(remainingSeconds / 60);
var remainingHours = Math.floor(remainingMinutes / 60);
var remainingDays = Math.floor(remainingHours / 24);
remainingSeconds %= 60;
remainingMinutes %= 60;
remainingHours %= 24;
countdown.textContent = remainingDays + " 天 " + remainingHours + " 小時 " + remainingMinutes + " 分鐘 " + remainingSeconds + " 秒";
if (remainingMilliseconds <= 0) {
clearInterval(timer);
countdown.textContent = "倒計時結束!";
}
}, 1000);

以上是三個使用JavaScript實現的小項目,它們有不同的功能和用途,但都可以通過JavaScript輕松地實現。我們希望通過這些實例來展示JavaScript的強大和靈活性,希望能夠激發你的創造力,并且幫助你更好地理解和使用JavaScript。