اجرای یک سری کد JavaScript در هنگام کلیک بر روی یک دکمه (Button)، در JavaScript
فرض کنید بخواهیم یک دکمه (Button) بسازیم که با کلیک کاربر بر روی آن دکمه (Button)، یک سری کد JavaScript اجرا شود، برای این منظور، ابتدا یک تابع تعریف می کنیم که حاوی کدهای JavaScript مورد نظرمان باشد :
نام تابع را برابر clickHandler انتخاب کرده ایم و به جای عبارت // your code ، کدهای JavaScript مورد نظرمان را باید بنویسیم.
سپس دکمه (Button) را با کدهای زیر می سازیم :
بنابراین با کلیک بر روی دکمه (button)، کدهای javascript نوشته شده در تابع، اجرا خواهد شد.
به مثال زیر توجه کنید :
یک دکمه (Button) می سازیم که با کلیک کاربر بر روی آن، رنگ پس زمینه (Background) صفحه (قسمت body) به رنگ آبی (blue) تغییر داده شود :
نتیجه :
با سلام. فرض کنیم میخواهیم با یک دکمه عمل رفت و برگشت انجام گیرد یعنی برای یکبار زدن دکمه رنگ صفحه آبی و با زدن مجدد آن رنگ صفحه به حالت اول یعنی سفید تغییر کند. چه کدی باید نوشته شود؟ متشکرم
سلام.
منطق برنامه به این صورت خواهد بود که یک متغیر (Variable) تعریف می کنیم که دارای مقدار اولیه برابر 0 باشد (مقداردهی اولیه متغیر).
بعد در تابعی (Function) که در هر بار کلیک بر روی دکمه (Button)، اجرا می شود، مقدار متغیر را چک می کنید، اگر مقدار برابر 0 بود، کد تغییر رنگ به آبی اجرا می شود و مقدار متغیر را به 1 تغییر می دهیم، اما اگر مقدار متغیر برابر 1 بود، کد تغییر رنگ به سفید اجرا می شود و مقدار متغیر را به 0 تغییر می دهیم.
بنابراین کد JavaScript زیر را می نویسیم :
<html>
<head>
<script type="text/javascript">
var kelidestan = 0;
function clickHandler() {
if(kelidestan == 0){
document.body.style.backgroundColor = "blue";
kelidestan = 1;
}else if(kelidestan == 1){
document.body.style.backgroundColor = "white";
kelidestan = 0;
}
}
</script>
</head>
<body>
<button type="button" onclick="clickHandler();">change color</button>
</body>
</html>
عزیز اگه بخوایم یک button تعریف کنیم که وقتی کلیک شد یک آهنگی پخش کنه به صورت خودکار باید چ کدی رو بنویسیم؟
میخوایم در دو تکست باکس عدد دریافت کنیم وقتی دکمه زده شد در تکست باکس سوم محاسبه بشه بی زحمت یه راهنمایی به من کنید
سلام. اگه بخوام یه دکمه ای بسازم که وقتی روش کلیک میکنی یک سری المان باز شن و علامت دکمه روبه پایین باشه و وقتی می بندی علامت دکمه روبه بالا باشه و المان ها جمع بشن، چکار باید بکنم؟
سلام میخواستم یه button باشه که وقتی کلیک میکنی توی یه باکس مقادیری رو نشون بده
این نمونه کدمه ممنون میشم کمک کنید
<button type="button" onclick="clickHandler()">choose<button>
<script type="text/javascript">
function clickHandler() {
var settings = {
"async": true,
"crossDomain": true,
"url": "http://api.weatherapi.com/v1/current.json?key=3c9f45f3e4a74d84a3085332212408&q=name",
"method": "GET",
"headers": {
"cache-control": "no-cache",
"postman-token": "15d049ab-6c21-00df-c82e-3c53fdfb346b"
}
}
$.ajax(settings).done(function (response) {
console.log(response);
});
}
</script>
ببخشید می خواستم بدونم چطور میتونم یک کدی بزنم که وقتی روی یک button کلیک شد تعداد کلیک شدن روی اون button رو برای نمایش بده
button_click{
1=0
Button="?"}
سلام خسته نباشید
میخوام یه برنامه بنویسم که با یک عکس روی صفحه باشه با زدن دکمه بره عکس بعدی
با JS و HTML
ممنون