ใฏใใใซ
ไปๆฅใฏใตใใผใฆใฉใผใบใฎใใฃใซใ ใณใณใตใผใใจใใใใจใใใ๏ผๆฅไปใใ็งใงๆๆฅใ็ฎๅบใ่กจ็คบใใWEBใขใใชใฑใผใทใงใณใไฝใฃใฆใฟใใฎใงใใใซๆฎใใพใ๏ผ
ๆฌๅฝใซๆไฝ้ใฎๆฉ่ฝใชใฎใง๏ผใใถใคใณใจใใใใฌใใใใฌใใฏใใใพใใ๏ผ
ๅฎ้ใฎWEBใขใใชใฏใใกใใงใ๏ผ
ๅ
้ฑใใ๏ผ็ช็บ็ใซWEBใตใคใใไฝใๅงใใใฎใง๏ผใใใฏ็ ็ฉถใฎๆฏๆใใซๆ้ทใใใฆใใใพใ๏ผ
html๏ผcss๏ผjavascriptใฎ๏ผใคใฎใใกใคใซใใในใฆๅใใใฉใซใใซๆ ผ็ดใใฆใใ ใใ๏ผ
ๆณจๆ๏ผ
็พๅจ๏ผPCใงใฏใฎใชใงๆฐๅคใๆใก่พผใใใใใซใชใฃใฆใพใใ๏ผในใใ็ญใ ใจใซใฌใณใใผใใๅบใฆใใชใใฆใใ ใฎใซใฌใณใใผใขใใชใจๅใใฆใใพใ
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ๆฅไปใใๆๆฅใๆฑใใใขใใช</title>
<title>Date2DayOfWeek</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>ๆฅไปใใๆๆฅใๆฑใใใขใใช</h1>
<div id="app">
<label for="dateInput">ๆฅไปใๅ
ฅๅใใฆใใ ใใ๏ผไพ๏ผ2024-06-30๏ผ:</label>
<input type="date" id="dateInput" required>
<button onclick="calculateDay()">ๆๆฅใ่กจ็คบ</button>
<div id="result"></div>
</div>
<h2><a href= "C:\Users\hiro_\git-box\park\index.html">HOMEใธๆปใ</a></h2>
<script src="script.js"></script>
</body>
</html>
CSS
body {
font-family: Arial, sans-serif;
margin: 20px;
}
#app {
margin-top: 20px;
}
input[type="date"] {
margin: 10px 0;
padding: 8px;
}
button {
margin: 10px 0;
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
#result {
margin-top: 20px;
padding: 10px;
background-color: #f0f0f0;
border-radius: 5px;
}
Javascript
function calculateDay() {
const dateInput = document.getElementById('dateInput').value;
if (dateInput) {
const date = new Date(dateInput);
const weekdays = ["ๆฅ", "ๆ", "็ซ", "ๆฐด", "ๆจ", "้", "ๅ"];
const day = date.getDay();
const resultText = weekdays[day] + "ๆๆฅ";
document.getElementById('result').textContent = "ๅ
ฅๅใใใๆฅไปใฏ " + resultText + " ใงใใ";
} else {
document.getElementById('result').textContent = "ๆๅนใชๆฅไปใๅ
ฅๅใใฆใใ ใใใ";
}
}
Comments
ใณใผใใฎ็ญใใ้่ฆใใใฎใชใใ
input[type=date]่ฆ็ด ใฎvalueAsNumberใใญใใใฃใ็ดๆฅๅๅพใใใใ้ ๅใงใฏใชใๆๅญๅใฎใคใณใใใฏในใไฝฟ็จใใฆใใใชๆใใซ่จ่ฟฐใใใใจใใงใใพใใญใvalueAsDate่ฆ็ด ใงDateใชใใธใงใฏใใจๅใใกใฝใใใใใใคใไฝฟใใใฎใงใใใใชๆธใๆนใใงใใพใใญใLet's comment your feelings that are more than good