עזרה עם פרויקט javascript - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

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


יוסי 123
 Share

Recommended Posts

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

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

קישור לתוכן
שתף באתרים אחרים

ציטוט של 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
קישור לתוכן
שתף באתרים אחרים

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


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
קישור לתוכן
שתף באתרים אחרים

הצטרפ/י לדיון

בשלב זה תוכל/י להצטרף לדיון, ולאחר מכן להצטרף לקהילה שלנו. אם כבר יש לך חשבון אצלנו, אנא התחבר/י עכשיו על מנת להגיב תחת שם המשתמש שלך.
לתשומת לבך: התגובה תופיע לגולשים לאחר אישור של צוות הנהלת הפורומים.

אורח
הוסף תגובה

×   התוכן שהודבק הוא עם עיצוב.   הסר עיצוב

  Only 75 emoji are allowed.

×   הקישור שלך הוטמע אוטומטית.   הצג כקישור רגיל

×   התוכן הקודם שלך שוחזר אוטומטית.   נקה הכל

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
  • צור חדש...