حل شده

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;
}

جاوااسکریپت

پارسا

@Parsa.rz

ثبت پرسش جدید

پاسخ‌ها

@jwkwok4 سال پیش مطرح شد

بهترین پاسخ

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

<!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

@matin162364 سال پیش مطرح شد

تخصص: React Developer

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 برای تعریف متغیر استفاده کنید البته من تو اینجا ننوشتم که گیج نشید

ارسال پاسخ

میلاد خسروی

@milwad4 سال پیش مطرح شد

تخصص: برنامه نویس بامزه

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

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

ارسال پاسخ

شاید پاسخ شما همین‌جا باشد