עזרה דחופה. למתכנתת בפוטנציאל:-)

bini boo · 12/9/22

אני מנסה לייצר דף html שיהיו בו שני input אחד לשם פרטי, אחד לשם משפחה, ואז botton שבלחיצה עליו יופיע כיתוב (לא ב alert, בדף עצמו) : welcome והנתונים שהמשתמש הזין ב- input
עד כאן הכל זורם.
נתקעתי בהגדרות של הפונקציה.
איך אמורה להיראות הפונקציה?
כלומר, אני יודעת איך מושכים נתונים מה- input, אבל איך מושכים נתונים משני אינפוטים שונים?

הצלחתי להסביר את עצמי?
ככה נראה הויזואל סטודיו:

ככה נראה הדף:

אשמח ממש לעזרה!

UU · 12/9/22

קל
שימוש בסימן + משרשר
(שימי באמצע רווח, אולי עוד שניה אני יעלה לך קוד חי להעתקה)

bini boo · 12/9/22

נכתב ע"י UU:
קל
שימוש בסימן + משרשר
(שימי באמצע רווח, אולי עוד שניה אני יעלה לך קוד חי להעתקה)

יואו מהממת
איזו מהירות ומומחיות..

ועכשיו תנחמי אותי, זו שאלה כל כך דבילית?
כי ניסיתי + ולא קרה כלום.
את רואה את הקוד. מצליחה לזהות אם יש לי טעות שם?

UU · 12/9/22

נכתב ע"י bini boo:
דבילית

ממש לא.
זה דבר משתנה משפה לשפה ועניין של מיומנות
הפלוס צריך להגיע במקום הנקודה פסיק שבסוף השליפה הראשונה

מנוי פרימיום · 12/9/22

נכתב ע"י bini boo:
יואו מהממת
איזו מהירות ומומחיות..
ועכשיו תנחמי אותי, זו שאלה כל כך דבילית?
כי ניסיתי + ולא קרה כלום.
את רואה את הקוד. מצליחה לזהות אם יש לי טעות שם?

אני חושב שהקריאה לפונקציה ב- onclick צריכה להיות עם סוגריים אחרי שם הפונקציה

bini boo · 12/9/22

נכתב ע"י UU:
ממש לא.
זה דבר משתנה משפה לשפה ועניין של מיומנות
הפלוס צריך להגיע במקום הנקודה פסיק שבסוף השליפה הראשונה

עדיין לא קורה כלום..

UU · 12/9/22

נכתב ע"י bini boo:
מצליחה לזהות אם יש לי טעות שם

אהה
ונראה לי צריך () בקריאה לפונקציה מתוך ה-HTML
ב-onclick
לכן הוא לא מדפיס כלום

bini boo · 12/9/22

נכתב ע"י מנוי פרימיום:
אני חושב שהקריאה לפונקציה ב- onclick צריכה להיות עם סוגריים אחרי שם הפונקציה

נכון.
באמת אני רואה לפי דוגמאות ישנות שעשיתי שצריך לשים סוגריים.
אבל עדיין לא קורה כלום.

מנוי פרימיום · 12/9/22

שימו את הסקריפט בסוף ה-body, אחרי שהאלמנטים שאתם מתייחסים אליהם בקוד כבר קיימים

java · 12/9/22

כבר שנים לא כתבתי pure html,
אבל לפי ספריות jsx אחרות, אולי את לא צריכה את ה ״״ על הclick?
ז״א -

JavaScript:

<button onclick={name}

אם כן, לא צריך גם את הסוגריים, כי הקליק מקבל כפרמטר הגדרה של פונקציה.
הפעלת הסוגריים תשים בקליק את התוצאה של הפונקציה, במקום את ההגדרה של הפונקציה
בעצם זה -

JavaScript:

<button onclick={name}

שווה לזה -

JavaScript:

<button onclick={() => name()}

אבל שוב, ככה זה בספריות כמו react, ובjsx, es6, לא זוכרת html

לעזור לכולם · 12/9/22

נכתב ע"י מנוי פרימיום:
שימו את הסקריפט בסוף ה-body, אחרי שהאלמנטים שאתם מתייחסים אליהם בקוד כבר קיימים

לא נכון זה צריך להיות בתחילת העמוד

bini boo · 12/9/22

נכתב ע"י לעזור לכולם:
לא נכון זה צריך להיות בתחילת העמוד

נכתב ע"י מנוי פרימיום:
שימו את הסקריפט בסוף ה-body, אחרי שהאלמנטים שאתם מתייחסים אליהם בקוד כבר קיימים

שאלת המיקום יותר קשורה למקובלות.
זה לא באמת משנה.
יכול להיות ב head, body,לא אמור להפריע לאתר לפעול.
עדיין לא עובד.
מעלה שוב.
אולי מישהו יצליח לפתור לי את זה..

לעזור לכולם · 12/9/22

הפונקציה קרויה name ולא names

מנוי פרימיום · 12/9/22

המשתנה window.name דורס את הפונקציה name ולא מאפשר לה לפעול

הדוגמא שהרצתי:

HTML:

<!DOCTYPE html>
<html lang="he-il" dir="rtl">
<body>
<script>
        function name() {
            document.getElementById('id_names').innerHtml =
            document.getElementById('id_first'). value +
            document.getElementById('id_last'). value;
        }
    </script>

<p>right your first name</p>
<input type="text" id="id_first">
<p>right your last name</p>
<input type="text" id="id_last">
<button onclick="name()">click me</button>
<p>welcome: <span id="id_names"></span></p>

</body></html>

bini boo · 12/9/22

נכתב ע"י לעזור לכולם:
הפונקציה קרויה name ולא names

נכון! תיקנתי אבל עדיין לא עובד.

זה הקוד:

<body>

<p>right your first name</p>
<input type="text" id="id_first"/>
<p>right your last name</p>
<input type="text" id="id_last"/><br>
<button onclick="name()">click me</button>
<p>wellcome: <span id="id_names"></span></p>

<script>
function name(){

document.getElementById("id_names").innerHTML =
document.getElementById("id_first").value +
document.getElementById("id_last").value;
}

</script>
</body>

bini boo · 12/9/22

נכתב ע"י מנוי פרימיום:
המשתנה window.name דורס את הפונקציה name ולא מאפשר לה לפעול

מה הכוונה?

C · 12/9/22

נכתב ע"י bini boo:
מה הכוונה?

צריך להחליף את שם הפונקציה, זה מעין מילה שמורה.

מנוי פרימיום · 12/9/22

נכתב ע"י bini boo:
מה הכוונה?

יש משתנה דיפולטיבי ב-window שנקרא name ולכן אי אפשר ליצור פונקציה עם שם זהה
זו השגיאה שמתקבלת בקונסול:

ראו כאן:

TypeError: Functionname is not a function at HTMLButtonElement.onClick

I'm pretty new to Javascript and playing around with it at the moment. However, I can't actually test my code because I get the following error: Uncaught TypeError: namecaller is not a function at

stackoverflow.com

bini boo · 12/9/22

נכתב ע"י C:
צריך להחליף את שם הפונקציה, זה סוג של שם שמור.

נכתב ע"י מנוי פרימיום:

המשתנה window.name דורס את הפונקציה name ולא מאפשר לה לפעול

הדוגמא שהרצתי:

HTML:

<!DOCTYPE html>
<html lang="he-il" dir="rtl">
<body>
<script>
        function name() {
            document.getElementById('id_names').innerHtml =
            document.getElementById('id_first'). value +
            document.getElementById('id_last'). value;
        }
    </script>

<p>right your first name</p>
<input type="text" id="id_first">
<p>right your last name</p>
<input type="text" id="id_last">
<button onclick="name()">click me</button>
<p>welcome: <span id="id_names"></span></p>

</body></html>

נכון!!

תודה רבה! זה עובד.
לאינטלגנציה אישית.. למה אי אפשר לתת name בתור שם לפונקציה?
עריכה: רואה שכתבתם.

תודה רבה רבה על העזרה.

עיטורים פלוס · 12/9/22

נכתב ע"י UU:
קל
שימוש בסימן + משרשר
(שימי באמצע רווח, אולי עוד שניה אני יעלה לך קוד חי להעתקה)

אפשר גם בתוך סוגריים מסולסלים עם דולר כך:

JavaScript:

document.getElementById("id_names").innerHTML = `${document.getElementById("id_first").value} ${document.getElementById("id_last").value}`;

פרוגבוט

פרסומת

עזרה דחופה. למתכנתת בפוטנציאל:-)

משתמש מקצוען

משתמש סופר מקצוען

משתמש מקצוען

משתמש סופר מקצוען

מהמשתמשים המובילים!

משתמש מקצוען

משתמש סופר מקצוען

משתמש מקצוען

מהמשתמשים המובילים!

משתמש סופר מקצוען

משתמש צעיר

משתמש מקצוען

משתמש צעיר

מהמשתמשים המובילים!

משתמש מקצוען

משתמש מקצוען

משתמש מקצוען

מהמשתמשים המובילים!

משתמש מקצוען

משתמש סופר מקצוען

פרוגבוט

תוכן שיווקי

איזה כיף שהצטרפתם לניוזלטר שלנו!