עבור לתוכן

עזרה עם פרויקט javascript

על-ידי יוסי 123
ב תכנות

Featured Replies

פורסם

היי שלום אני עובד על פרויקט שבודק מילים פלינדרום(שנקראות משני כיונים אותו הדבר) בשפת ה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>

 

 

  • ציטוט
    • פורסם

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

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

    נערך על-ידי etal

  • ציטוט
    • פורסם
    • מחבר
    ציטוט של etal

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

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

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

  • ציטוט
    • פורסם

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

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

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

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

     

    נערך על-ידי etal

  • ציטוט
    • פורסם
    • מחבר
    ציטוט של etal

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

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

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

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

     

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

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

  • ציטוט
    • פורסם

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

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

  • ציטוט
    • פורסם
    • מחבר
    ציטוט של 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);});

    נערך על-ידי יוסי 123

  • ציטוט
    • פורסם
    • מחבר

    פליז אם משהו יכול לעזור 

    נערך על-ידי יוסי 123

  • ציטוט
    • פורסם

    הכוונה הייתה משהו כזה 

    
let button = document.getElementById('button');
button.addEventListner('click', function(){
  let input = document.getElementById('input');
  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} 'היא אינה מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר'`); 
  }
});

     

  • ציטוט
    • פורסם
    • מחבר

    תודה ל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}' היא אינה מילה פלינדרום  שניתן לקרותה משתי הכיונים אותו הדבר`; 
  }
});

     

    נערך על-ידי יוסי 123

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים