HTML JavaScript
20 خرداد 1404
ارسال شده توسط سمیرا خانی
15 بازدید

<!DOCTYPE html>
<html lang=“fa”>
<head>
<meta charset=“UTF-8” />
<meta name=“viewport” content=“width=device-width, initial-scale=1” />
<title>مثال ساده HTML و جاوااسکریپت</title>
</head>
<body>
<h1>سلام دنیا!</h1>
<button id=“myButton”>روی من کلیک کن</button>
<p id=“message”></p>
<script>
const button = document.getElementById(‘myButton’);
const message = document.getElementById(‘message‘);
button.addEventListener(‘click’, () => {
message.textContent = ‘دکمه کلیک شد!’;
});
</script>
</body>
</html>
توضیح:
-
وقتی روی دکمه «روی من کلیک کن» کلیک کنید، متن پایینش به «دکمه کلیک شد!» تغییر میکند.
-
این کد یک مثال ساده از ترکیب HTML برای ساختار صفحه و JavaScript برای اضافه کردن رفتار به دکمه است.
برچسب ها:
HTML JavaScript،
دیدگاهتان را بنویسید