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

121244

@NH-LOCAL זה בדיוק הקטע שזה חסום לי ולכן אני שואל .
ואם כבר , אשמח אם תוכל אתה לשאול "איך עושים שהטקסט שהוכנס באזור טקסט יעובר כמשתנה לפונקצייה מסוימת בהמשך הקוד"?

NH.LOCAL

@121244 זה התוכן של התשובה שלו:

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

סימון HTML:
ראשית, צור אלמנט אזור טקסט HTML וכפתור כדי להפעיל את פונקציית JavaScript. תן לאזור הטקסט שלך id לגישה נוחה. הנה דוגמה פשוטה:

<textarea id="userInput"></textarea>
<button onclick="captureText()">Capture Text</button>

פונקציית JavaScript:

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

function captureText() {
      // Get the text area element by its id
      var textArea = document.getElementById("userInput");

      // Get the value (text) entered by the user
      var userText = textArea.value;

      // Now, 'userText' contains what the user entered
      console.log("User entered: " + userText);

      // You can use 'userText' in your JavaScript code as needed.
      // For example, you can process it further or display it on the page.
    }

נוֹהָג:
כאשר המשתמש מקליד משהו באזור הטקסט ולוחץ על כפתור "ללכוד טקסט", ה-captureText()הפונקציה תאחזר את הטקסט מאזור הטקסט ותשמור אותו ב- userTextמִשְׁתַנֶה. לאחר מכן תוכל להשתמש במשתנה זה בקוד ה-JavaScript שלך לפי הצורך.

זכור למקם את קוד JavaScript בתוך a <script>תג במסמך ה-HTML שלך, בדרך כלל ב- <head>או בסוף ה <body>סָעִיף. בדרך זו, הוא יבוצע כאשר הדף ייטען.

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

121244

@NH-LOCAL תוכל לבקש ממנו גם פקודת בצע שוב (ctrl+y) ב document.execCommand

NH.LOCAL

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

K.O.G

@121244

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

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

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

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

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

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

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

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

let value = input.value;

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

let userInput = value;

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

121244

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

NH.LOCAL

@121244 הנה:

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

Bold Text:

Parameter: "bold"

Example:

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

Italicize Text:

Parameter: "italic"

Example:

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

Underline Text:

Parameter: "underline"

Example:

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

Insert Ordered List:

Parameter: "insertorderedlist"

Example:

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

Insert Unordered List:
- Parameter: "insertunorderedlist"
- Example:
```
document.execCommand("insertunorderedlist", false, null);
```

Insert Link:

Parameter: "createLink"

Example:

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

Remove Formatting:

Parameter: "removeFormat"

Example:

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

Undo:

Parameter: "undo"

Example:

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

Redo:

Parameter: "redo"

Example:

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

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, יש לבצע את השלבים הבאים:

הוסף את אזור הטקסט ל-HTML:
<input type="text" id="myInput">
ב- JavaScript, קבל את אזור הטקסט בעזרת document.getElementById():
let input = document.getElementById("myInput");
הוסף listener לאירוע input שיפעל כאשר המשתמש מקליד באזור הטקסט:
input.addEventListener("input", function(){
  // code here
});
בתוך ה-listener, קבל את הערך הנוכחי שהמשתמש הקליד בעזרת input.value:
let value = input.value;
שמור את הערך במשתנה:
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 (לצבע שעכשיו בחרו..)

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