پارسا
3 سال پیش توسط پارسا مطرح شد
4 پاسخ

javascript

چطوری مقداری که کاربر در اینپوت قرار داره رو با 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;
}

ثبت پرسش جدید
نیما
تخصص : جوجه برنامه نویسی که میخواد فو...
@Nima.nori 3 سال پیش مطرح شد
0

خب این کد میشه یه ذره اسم هاش رو مرتب کردم ولی همچنان با روش خودت کد زدم

<!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 چی کار می کنه !!


Matin
تخصص : React Developer
@matin16236 3 سال پیش آپدیت شد
0
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 برای تعریف متغیر استفاده کنید البته من تو اینجا ننوشتم که گیج نشید


میلاد خسروی
تخصص : برنامه نویس بامزه
@milwad 3 سال پیش آپدیت شد
0

سلام خسته نباشید
اگه میخواید مقدار اخر که کاربر نوشته داشته باشید به این شکل

<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())
}

نیما
تخصص : جوجه برنامه نویسی که میخواد فو...
@Nima.nori 3 سال پیش مطرح شد
0

خب این کد میشه یه ذره اسم هاش رو مرتب کردم ولی همچنان با روش خودت کد زدم

<!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 چی کار می کنه !!


پارسا
تخصص : برنامه نویسی وب
@Parsa.rz 3 سال پیش مطرح شد
0

چون من برای تمرین این پروژه رو ساختم فقط برای رفع مشکلاتم و زیاد به نام گذاری توجه نکردم


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام