תוכן יוסי 123 - HWzone פורומים
עבור לתוכן
  • צור חשבון

יוסי 123

משתמש רשום
  • מספר הודעות

    11
  • הצטרפות

  • ביקר לאחרונה

הודעות שנפתחו על-ידי יוסי 123

  1. תודה לetal על כל העזרה אני מעלה את שתי הקבצים שלי בשביל לעזור לעוד אנשים

    הפרויקט הפיכת מילים מצורף קובץ html וקובץ javascript

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body dir=rtl>
    <a href="https://he.wikipedia.org/wiki/%D7%A4%D7%9C%D7%99%D7%A0%D7%93%D7%A8%D7%95%D7%9D"><h1>הסבר על מילים פלינדרום</h1></a>
        <form >
        <input type="text" placeholder="לרשום כאן" id="input">
        <button id='button' type="button" >לחץ כאן</button>
        <input type="reset">
        <div for='input' id="output">
        </form>
        </div>
        <script src=main.js></script>
    </body>
    </html>
    let button = document.getElementById('button');
    button.addEventListener('click', function(){
      let input = document.getElementById('input');
      const word = input.value;
    
      const word1 = word.split('');
      const reversed = word1.reverse('');
      const word2 = reversed.join('');
      
      const parent = document.querySelector("#output");
      let paragraph = document.createElement('p');
      parent.appendChild(paragraph);
    
      if(word===word2){
        paragraph.innerHTML =`המילה '${word}' היא מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר`;   
      }else{
        paragraph.innerHTML =`המילה '${word}' היא אינה מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר`; 
      }
    });

     

  2. ציטוט של etal

    האלמנט שאתה מתחבר ל-event שלו הוא הכפתור

    בקוד שכתבת כבר יש משיכה של הערך של ה-input אם כי value צריך להיות באותיות קטנות

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

    בעצם מה שאמור לקראות זה שהinput יחליף את הword או יצור משתנה חדש שאתו יוצר כל התהליך 

    const word ='אבא';
    

    ואז כל התהליך של החישוב מתבצע ונשלח לconsole

    וסליחה על כל השאלות😊

    let input = document.getElementById('input');
    let button = document.getElementById('button');
    const word = input.Value;
    
    
    button.addEventListener('click', function(input) {
         console.log(input);});
  3. ציטוט של etal

    יש יותר מדרך אחת לעשות את זה, הדרך הטובה היא בעזרת event:

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

    - תחבר את ה-event של ה-click על הכפתור לפונקציה שכתבת

    
    element.addEventListener('click', function() { ... }, false);

     

    אז איפה שרשום element איזה אלמנט לשים שם את הinput או את הbutton  ואיך אני יכול לשאוב את מה שנרשם בinput 

    ממש תודה רבה על התגובות המהירות 

  4. ציטוט של etal

    חסר לי פה חלק מהקוד, איך הלחיצה על הכפתור אמור להפעיל את הקוד?

    מעבר לזה יש חשיבות לאותיות גדולות וקטנות, בקוד כתבת Button וב-html ה-id הוא button, זה לא יעבוד ככה.

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

  5. היי שלום אני עובד על פרויקט שבודק מילים פלינדרום(שנקראות משני כיונים אותו הדבר) בשפת הjavascript  ונתקלתי בבעיה שניסית לשלב html אשמח שתעזרו לי בשילוב שני השפות 

     

    let input = document.getElementById('input');
    let button = document.getElementById('Button');
    const word = input.Value;
    
    
    
    //console.log(content);
    //const word ='אבא';
    
    const word1 = word.split('');
    
    const reversed = word1.reverse('');
    
    const word4 = reversed.join('');
    
    //console.log(word);
    //console.log(word1);
    //console.log(reversed);
    //console.log(word4);
    
    
    if(word===word4){
        console.log(`'המילה' ${word} 'היא מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר'`);   
    }else{
       console.log(`'המילה' ${word} 'היא אינה מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר'`); 
    }
    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        
        <input type="text" placeholder="index" id="input">
        <button id='button' type="button" >Get Value</button>
    
        <script src=main.js></script>
    </body>
    </html>

     

     

  6. היי שלום אני עובד על פרויקט שבודק מילים פלינדרום(שנקראות משני כיונים אותו הדבר) בשפת הjavascript  ונתקלתי בבעיה שניסית לשלב html אשמח שתעזרו לי בשילוב שני השפות 

     

    let input = document.getElementById('input');
    let button = document.getElementById('Button');
    const word = input.Value;
    
    
    
    //console.log(content);
    //const word ='אבא';
    
    const word1 = word.split('');
    
    const reversed = word1.reverse('');
    
    const word4 = reversed.join('');
    
    //console.log(word);
    //console.log(word1);
    //console.log(reversed);
    //console.log(word4);
    
    
    if(word===word4){
        console.log(`'המילה' ${word} 'היא מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר'`);   
    }else{
       console.log(`'המילה' ${word} 'היא אינה מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר'`); 
    }
    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        
        <input type="text" placeholder="index" id="input">
        <button id='button' type="button" >Get Value</button>
    
        <script src=main.js></script>
    </body>
    </html>

     

     

×
  • צור חדש...