تغییر متن در جاوااسکریپت با کلیک کردن
سلام میخوام یه باتن بسازم که هر بار روش کلیک میکنی متن پاراگراف تغییر کنه مثلا
بار اول که میزنی بنویسه "تست "
بار دوم که میزنی بنویسه " امتحان"
بار سوم که میزنی بنویسه "یع متنی "
و الی آخر
اگه میشه ممنون میشم کمکم کنید و نمیخوام مثل کد زیر یکبار بنویسه روش ده بارم کلیک کنی متنش عوض نشه ، نه میخوام با هربار کلیک متن عوض بشه
<html>
<head>
<title>Change Text on Click</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
button {
font-size: 24px;
padding: 12px 24px;
background-color: #4CAF50;
color: white;
border-radius: 4px;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<button id="myButton">Click Me!</button>
<script>
let myButton = document.getElementById("myButton");
let clickCount = "تست";
let numstr = String(clickCount);
myButton.addEventListener("click", function() {
myButton.innerHTML = "Clicked " + numstr + " Times";
});
</script>
</body>
</html></body></html>
پاسخها
4
سلام روز بخیر
اگه درست متوجه شده باشم این کد بهت کمک میکنه:
<!DOCTYPE html>
<html>
<head>
<title>Button Example</title>
</head>
<body>
<p id="para">متن اولیه</p>
<button id="btn" onclick="changeText()">تغییر متن</button>
<script>
var textArray = ["تست", "امتحان", "یعنی متنی "];
var counter = 0;
function changeText() {
document.getElementById("para").innerHTML = textArray[counter];
counter++;
if (counter >= textArray.length) {
counter = 0;
}
}
</script>
</body>
</html>سوالی داشتی درخدمتم.
@MahdiMashayekhi
ممنونم داداش یه سوال دیگه این تا اخر ادامه داره من میخوام اخر کلمه که رسید button هاید بشه و همراهش هم عکس عوض بشه هم موزیک اگه میشه کمکم کنی تو همینا گیر کردم و توضیح بدی هر خط چیکار میکنه ممنونت میشم.❤️
@َAliasgahrkazempour
میتونی اون متغییر Counter که توی کد هست با استفاده از یک if بگی اگه مثلا به 3 رسید اون دکمه دیسپلی none بگیره.
فکر کنم میخوای یک پلیر موزیک درست کنی ، میتونم کدش رو برات بنویسم ولی باعث میشه یادنگیری ، پس پیشنهادم اینه که
یکم سرچ کنی و هرجا به مشکل خوردی دوباره سوالت رو بپرسی.
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@MahdiMashayekhi
سلام ، ممنون مشگلم حل کردی به کل در مورد صدا دارم صحبت میکنم ما داریم یه رمان تصویری رو توی وب ایجاد میکنیم و یه دکمه Skip داره با هر بار کلیک متنش تغییر میکنه اما من میخوام با هر بار که کلیک کردی متن تغییر کرد همراهش ویس کرکتر هم پلی بشه