בירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs

[121244]

@K-O-G כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

@121244

כדי להכניס נתון מתוך אזור טקסט (text input) למשתנה ב- JavaScript, יש לבצע את השלבים הבאים:

1. הוסף את אזור הטקסט ל-HTML:

<input type="text" id="myInput">

2. ב- JavaScript, קבל את אזור הטקסט בעזרת document.getElementById():

let input = document.getElementById("myInput");

3. הוסף listener לאירוע input שיפעל כאשר המשתמש מקליד באזור הטקסט:

input.addEventListener("input", function(){
  // code here
});

4. בתוך ה-listener, קבל את הערך הנוכחי שהמשתמש הקליד בעזרת input.value:

let value = input.value;

5. שמור את הערך במשתנה:

let userInput = value; 

כעת הערך שהמשתמש הקליד יהיה במשתנה userInput וניתן להשתמש בו ב- JavaScript.

א"כ אז מה הבעיה בקוד הזה (אמור לעשות בחירת צבע לטקסט)

     <input type="color" id="myInput" list="presetColors">
      <datalist id="presetColors">
        <option>#ff0000</option>/>
        <option>#00ff00</option>
        <option>#0000ff</option>
      </datalist>
<script>
let input = document.getElementById("myInput");
input.addEventListener("input", function(){
  ("foreColor", false, myInput)
});

[MGM IVR]

@121244

א"כ אז מה הבעיה בקוד הזה (אמור לעשות בחירת צבע לטקסט)

     <input type="color" id="myInput" list="presetColors">
      <datalist id="presetColors">
        <option>#ff0000</option>/>
        <option>#00ff00</option>
        <option>#0000ff</option>
      </datalist>
<script>
let input = document.getElementById("myInput");
input.addEventListener("input", function(){
  ("foreColor", false, myInput)
});

עובד מעולה
https://jsfiddle.net/muv19ct4/

[121244]

@MGM-IVR זה גם לא עובד לי זה לא משנה את הצבע של הטקסט

   <input type="color" id="myInput" list="presetColors">
      <datalist id="presetColors">
        <option>#ff0000</option>/>
        <option>#00ff00</option>
        <option>#0000ff</option>
      </datalist>
<script>
let input = document.getElementById("myInput");
input.addEventListener("input", function(){
   ("foreColor", false, myInput)
});

ובכדי שמאה אחוז תבין את כוונתי אצרף תמונה

ובעצם מה שאמור להיות זה שמדגישים את הטקסט מבוקש בוחרים צבע בלחצן המדובר וזה משתנה

[MGM IVR]

@121244

  <input type="color" id="myInput" list="presetColors">
  <datalist id="presetColors">
    <option>#ff0000</option>
    <option>#00ff00</option>
    <option>#0000ff</option>
  </datalist>
  <h1 id="myHeading">
    hi
  </h1>

  <script>
    let input = document.getElementById("myInput");
    let heading = document.getElementById("myHeading");

    input.addEventListener("input", function () {
      heading.style.color = input.value;
    });
  </script>

זה בעצם מגדיר מראש id לטקסט, ואז את הטקסט הזה הוא משנה לו צבע בכל בחירה

[121244]

@MGM-IVR לא הבנת יש לי עורך html שאני רוצה להוסיף בכפתורים למעלה עוד כפתור (הכפתור המדובר) שבו המשתמש בוחר את צבע הטקסט
והקוד הזה אמור לעשות את זה ומשום מה זה לא עובד

<input type="color" id="myInput" list="presetColors">
    <datalist id="presetColors">
      <option>#ff0000</option>/>
      <option>#00ff00</option>
      <option>#0000ff</option>
    </datalist>
<script>
let input = document.getElementById("myInput");
input.addEventListener("input", function(){
("foreColor", false, myInput)
});

[MGM IVR]

@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

@MGM-IVR לא הבנת יש לי עורך html שאני רוצה להוסיף בכפתורים למעלה עוד כפתור (הכפתור המדובר) שבו המשתמש בוחר את צבע הטקסט
והקוד הזה אמור לעשות את זה ומשום מה זה לא עובד

<input type="color" id="myInput" list="presetColors">
    <datalist id="presetColors">
      <option>#ff0000</option>/>
      <option>#00ff00</option>
      <option>#0000ff</option>
    </datalist>
<script>
let input = document.getElementById("myInput");
input.addEventListener("input", function(){
("foreColor", false, myInput)
});

אין לי את הקוד מקור של מה שאתה כותב בשביל שאוכל להראות לך בדיוק איך לשנות, וגם אין לי רצון כזה, אני אוהב להביא חכות לאנשים, ולא לדוג בשבילם את הדגים..

אני הבאתי למעלה קוד, שבו

1 אתה מגדיר לתגית h1 id מסויים
2 כשאתה בוחר צבע טקסט מתוך הלחצן בחירה, הוא משנה את הערך color של הh1 לאותו צבע.

זה לא עוזר לך?

מה אתה רוצה לעשות אז אם לא לצבוע את הטקסט?

[121244]

@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

אין לי את הקוד מקור של מה שאתה כותב בשביל שאוכל להראות לך בדיוק איך לשנות, וגם אין לי רצון כזה, אני אוהב להביא חכות לאנשים, ולא לדוג בשבילם את הדגים..

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

[MGM IVR]

@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

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

לא איכפת לי לחזור על דבריי שוב..
אני אוהב לתת חכות ולא דגים,
הבאתי פה https://mitmachim.top/post/697293 קטע קוד שמתבסס על הקטע שהעלית כאן https://mitmachim.top/post/697282

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

[121244]

@MGM-IVR
קראתי אבל אני לא יודע מה שולח את הנתון לפונקציה ומה משנה את הצבע ולכן אני שואל

[MGM IVR]

@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

@MGM-IVR
קראתי אבל אני לא יודע מה שולח את הנתון לפונקציה ומה משנה את הצבע ולכן אני שואל

מי כתב לך את הקטע קוד הזה?
https://mitmachim.top/post/697376

[121244]

@MGM-IVR לקחתי את זה שמצאתי באתר כלשהוא

  <input type="color" id="myInput" list="presetColors">
      <datalist id="presetColors">
        <option>#ff0000</option>/>
        <option>#00ff00</option>
        <option>#0000ff</option>
      </datalist>

ושלבתי את זה עם מה שהבנתי (חשבתי שהבנתי ) מתוך זה

[MGM IVR]

@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

@MGM-IVR לקחתי את זה שמצאתי באתר כלשהוא

אוקיי, עזוב רגע,
נתחיל קצת קודם.

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

  <input type="color" id="myInput" list="presetColors">
  <datalist id="presetColors">
    <option>#ff0000</option>
    <option>#00ff00</option>
    <option>#0000ff</option>
  </datalist>
  <h1 id="myHeading">
    hi
  </h1>
 
  <script>
    let input = document.getElementById("myInput");
    let heading = document.getElementById("myHeading");
 
    input.addEventListener("input", function () {
      heading.style.color = input.value;
    });
  </script>

הוא בונה תיבת בחירת צבע, עם 3 צבעים מוגדרים. ועוד תיבה של בחיה מכל הצבעים.
יש לתיבה הזאת id בשם ״myInput״

יש טקסט בתגית h1 , שיש לו id בשם myHeading

זה הhtml

נעבור לjs

מגדירים משתנה בשם input שהוא מכיל את התיבת בחירת צבע
מגדירים משתנה בשם heading שהוא מכיל את התגית h1 של הטקסט

ואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)

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

[121244]

@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

ואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)

אז אני צריך רק עד החלק שאם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input כלומר אני צריך שאם קרה שינוי בצבע הvalue של הצבע החדש יכנס למשתנה myInput וזהו

[MGM IVR]

@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

ואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)

אז אני צריך רק עד החלק שאם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input כלומר אני צריך שאם קרה שינוי בצבע הvalue של הצבע החדש יכנס למשתנה myInput וזהו

let NewColor=document.getElementById("myInput").value

[121244]

@MGM-IVR
עכשיו נותר לי רק לדעת איך אני עושה שכשהשתנה הצבע(שבחר צבע אחר ) יפעל פונקציה מסוימת

[MGM IVR]

@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

@MGM-IVR
עכשיו נותר לי רק לדעת איך אני עושה שכשהשתנה הצבע(שבחר צבע אחר ) יפעל פונקציה מסוימת

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

@MGM-IVR כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

ואם במשתנה input קורה שינוי (בחרו צבע), אז משתנה heading (הטקסט) משתנה לו הצבע לvalue החדש של input (לצבע שעכשיו בחרו..)

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

[121244]

@MGM-IVR זה לא שלא קראתי קראתי הבעיה שאני לא יודע מה הקוד שמשנה את הצבע ומה מפעיל את הפונקציה

[MGM IVR]

@121244 כתב בבירור | הכנסת נתון מתוך אזור טקסט למשתנה בjs:

@MGM-IVR זה לא שלא קראתי קראתי הבעיה שאני לא יודע מה הקוד שמשנה את הצבע ומה מפעיל את הפונקציה

איך כתבת את שאר העורך טקסט?
אתה לא יודע js?

[121244]

@MGM-IVR הרוב זה קוד שהיה לי בכ"א תוכל להביא לי את הקוד שמפעיל פונקצייה אם השתנה הצבע