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

[NH.LOCAL]

@121244 למה שלא תעשה חיפוש גוגל (באנגלית)? בשביל פקודה בודדת זה ודאי יספק לך תשובות מצויינות

[K.O.G]

@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.

[121244]

@NH-LOCAL צודק בכל אופן תוכל לבקש ממנו את כל הפרמטרים שאפשר לשלוח לdocument.execCommand+ דוגמאות

[NH.LOCAL]

@121244 הנה:

היי! בהחלט, אני יכול לספק לך רשימה של פרמטרים שניתן לשלוח אל document.execCommand יחד עם כמה דוגמאות לכל אחד מהם. פונקציית JavaScript זו מאפשרת לך לבצע פעולות שונות בטקסט שנבחר כעת או בתוכן של רכיב הניתן לעריכה. בואו נצלול פנימה:

1. Bold Text:

   • Parameter: "bold"
   • Example:

     document.execCommand("bold", false, null);
     

2. Italicize Text:

   • Parameter: "italic"
   • Example:

     document.execCommand("italic", false, null);
     

3. Underline Text:

   • Parameter: "underline"
   • Example:

     document.execCommand("underline", false, null);
     

4. Insert Ordered List:

   • Parameter: "insertorderedlist"
   • Example:

     document.execCommand("insertorderedlist", false, null);
     

5. Insert Unordered List:

   • Parameter: "insertunorderedlist"
   • Example:

     document.execCommand("insertunorderedlist", false, null);
     

6. Insert Link:

   • Parameter: "createLink"
   • Example:

     var url = "https://example.com";
     document.execCommand("createLink", false, url);
     

7. Remove Formatting:

   • Parameter: "removeFormat"
   • Example:

     document.execCommand("removeFormat", false, null);
     

8. Undo:

   • Parameter: "undo"
   • Example:

     document.execCommand("undo", false, null);
     

9. Redo:

   • Parameter: "redo"
   • Example:

     document.execCommand("redo", false, null);
     

10. Insert Horizontal Line:

    • Parameter: "insertHorizontalRule"
    • Example:

      document.execCommand("insertHorizontalRule", false, null);
      

These are some of the commonly used parameters for document.execCommand. You can use them to manipulate the content within a contenteditable element. If you have any specific use case or need more details about a particular parameter, feel free to ask!

[121244]

@NH-LOCAL זה בדיוק כל הפרמטרים שכבר יש לי אבל תוכל לנסח את השאלה ככה
תביא לי 30 פרמטרים שאפשר לשלוח לdocument.execCommand+ דוגמאות
וזה מניסיון עובד

[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
עכשיו נותר לי רק לדעת איך אני עושה שכשהשתנה הצבע(שבחר צבע אחר ) יפעל פונקציה מסוימת