דף הוא טקסט
חלק מהיחידה יסודות Express במסלול ה-Node.js של Coddy. שיעור 8 מתוך 23.
דפדפן מציג מחרוזת HTML כדף. תגיות מעניקות לטקסט מבנה: <h1> היא כותרת, <ul> היא רשימה, ו־<li> הוא פריט אחד. תגית סגירה מסיימת כל חלק.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;מחרוזות התבנית משתמשות בגרשיים הפוכים כדי להכניס ערכים. map בונה מערך של מחרוזות פריטים; join('') מחבר אותן ללא פסיקים. בתרגול הזה השרת מחזיר את ה־HTML בתוך JSON כדי שתוכלו לבדוק את התגיות המדויקות. הפונקציה שסופקה מקבלת כותרת ומערך של פריטים. בשלב הבא נלמד כיצד לברוח תווים בטקסט שמוכנס.
אתגר
קלערכו את exercise.js. השרת מעביר אובייקט שמכיל את title ומערך items. החזירו שדה אחד בשם html: כותרת ואחריה רשימה, עם פריט אחד לכל מחרוזת. שמרו על הסדר המקורי של הפריטים ואל תוסיפו פסיקים ביניהם.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}נסו להריץ: דוגמת ה-GET שסופקה מחזירה את התגובה שלמעלה. שלחו GET /result?title=Lunch&item=Rice&item=Beans כדי לקבל כותרת ורשימה אחרות. ערכי השאילתה הופכים לקלט שמועבר לפונקציה.
השרת קורא לפונקציית התרגיל שלכם עם כותרת ומערך items. חזרה על item= בשאילתה מספקת כמה פריטים. השאירו את שיטת GET שנבחרה והזינו רק את הנתיב בתיבת הבקשה.
נסו בעצמכם
export function exercise({ title, items }) {
return { html: title };
}
כל השיעורים ביחידה יסודות Express
תרגלו בעצמכם: Express אונליין