עבור לתוכן

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

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

ארכיון

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

דיונים חדשים