چطوری مقداری که کاربر در اینپوت قرار داره رو با alert بهش نشون بدم برای مثال نام اون فرد
<input type="text" id="yourname" name="">
<button onclick="myfunction()"> try it </button>
<!-- <script src="./script.js"></script> -->
<script>
function myfunction() {
var a = 'hi';
var b = document.getElementById("yourname").type;
alert( a + b).innerHTML;
}
خب این کد میشه یه ذره اسم هاش رو مرتب کردم ولی همچنان با روش خودت کد زدم
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>اخطار نام کاربر</title>
</head>
<body>
<input type="text" id="userName">
<button onclick="alertUserName()"> try it </button>
</body>
<script>
function alertUserName() {
const userName = document.getElementById('userName').value;
alert('hi ' + userName);
}
</script>
</html>
حالا اینم بگم کدت بیشترش درست بود ولی به یک نکته ی مهم توجه نکردی
var b = document.getElementById("yourname").type;
خب مشکل تو چیه ؟ ما برای گرفتن مقدار یه فیلدی باید از value استفاده کنیم مثل من
const userName = document.getElementById('userName').value;
اینو بگم که const یک ثابت میسازه (var یک متغیر میسازه که مقدارش رو بعدا می تونی تغییر بدی ولی ثابت ها این جوری نیستند و دیگه مقدار داخلش رو نمیشه عوض کرد)یکی از مزایای ثابت ها اینه که کد رو خواناتر می کنه و همکاری که میاد کد رو بخونه می فهمه اقا این مقدار عوض نمی شه و یه چیز ثابتی هست در طول پروژه
سعی کن که از اسم های بهتری استفاده کنی مثلا فرض کن یه هفته بعد اومدی کدت رو خوندی دیگه چیزی از کد یادت نیست که با خودت میگی
a چیه b چیه yourname چیه ؟؟؟myfunction چی کار می کنه !!
var name = "";
var input = document.querySelector("#yourname");
var btn = document.querySelector("#btn");
input.addEventListener("change" , (e) => {
name = e.target.value;
})
btn.addEventListener("click" , () => {
alert(name)
})
html
<button id="btn">Click</button>
با استفاده از ایونت ها در جاوااسکریپت میتونید کارهایی که میخواد روی یه المنت اتفاق بیفته رو کنترل کنید مثلا اگر قلان دکمه زده شد یه لاگ گرفتی بشه و موضوع بعدی هم اینه که اگر es6 رو خونده باشید بهتره که از let و const برای تعریف متغیر استفاده کنید البته من تو اینجا ننوشتم که گیج نشید
سلام خسته نباشید
اگه میخواید مقدار اخر که کاربر نوشته داشته باشید به این شکل
<input type="text" id="yourname" name="">
<button onclick="myfunction()"> try it </button>
<!-- <script src="./script.js"></script> -->
<script>
function myfunction() {
alert(document.getElementById('yourname').value())
}
خب این کد میشه یه ذره اسم هاش رو مرتب کردم ولی همچنان با روش خودت کد زدم
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>اخطار نام کاربر</title>
</head>
<body>
<input type="text" id="userName">
<button onclick="alertUserName()"> try it </button>
</body>
<script>
function alertUserName() {
const userName = document.getElementById('userName').value;
alert('hi ' + userName);
}
</script>
</html>
حالا اینم بگم کدت بیشترش درست بود ولی به یک نکته ی مهم توجه نکردی
var b = document.getElementById("yourname").type;
خب مشکل تو چیه ؟ ما برای گرفتن مقدار یه فیلدی باید از value استفاده کنیم مثل من
const userName = document.getElementById('userName').value;
اینو بگم که const یک ثابت میسازه (var یک متغیر میسازه که مقدارش رو بعدا می تونی تغییر بدی ولی ثابت ها این جوری نیستند و دیگه مقدار داخلش رو نمیشه عوض کرد)یکی از مزایای ثابت ها اینه که کد رو خواناتر می کنه و همکاری که میاد کد رو بخونه می فهمه اقا این مقدار عوض نمی شه و یه چیز ثابتی هست در طول پروژه
سعی کن که از اسم های بهتری استفاده کنی مثلا فرض کن یه هفته بعد اومدی کدت رو خوندی دیگه چیزی از کد یادت نیست که با خودت میگی
a چیه b چیه yourname چیه ؟؟؟myfunction چی کار می کنه !!
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟