סיכום שיעור ראשון
נהנתי להכיר אתכם ! 🙂
חומרי השיעור
הצעות לפתרון
שאלה 1 – הדפסת מספרים מ1 עד 10 (בונוס – רק את הזוגיים)
פתרון בסיסי:
var i; for(i=1; i<=20; i++){ console.log(i); }
פתרון בונוס גרסה 1:
var i;
for(i=1; i<=20; i++){
if(i % 2 == 0)
console.log(i);
}
פתרון בונוס גרסה 2:
var i; for(i=2; i<=20; i+=2){ console.log(i); }
ניתן להמיר את console.log באחת מהאלטרנטיבות הבאות:
1) document.write(...) 2) $(element).html( $(element).html() + " " + ...)
שאלה 2: יצירת כפתור עם המספר 5, כך שבכל לחיצה המספר יגדל
פתרון 1:
<button onclick = "this.innerHTML++">5</button>
פתרון עם jquery:
<button>5</button> <script> $("button").click(function(){ $(this).html( Number($(this).html()) + 1) }) </script>
פתרון אחר עם jquery:
<button>5</button> <script> var count = 5; $("button").click(function(){ count++; $(this).html( count ); }) </script>
דרך נוספת להבין את השאלה – חלקכם הבינו שעל גודל הכפתור להשתנות. לא חשבתי על הפרשנות הזו, אך היא לגיטימית, וראוי להציע פיתרון:
<button>5</button> <script> $("button").click(function(){ $("button").animate({fontSize: "+=10px" }, 1000 ); }); </script>
שאלה 3 – כתוב פונקציה המבצעת כפל בין שני מספרים
function mul(a,b){ return a*b; }
שאלה 4 – כתוב פונקציית היפוך למחרוזת
גישה 1 – עם פונקציות מובנות
function reverse(string){ return string.split("").reverse().join(""); }
גישה 2 – עם לולאות
function reverse(string){ var result = "", i; for(i=0; i<string.length; i++){ result = string[i] + result; } return result; }
גישה 3 – עם רקורסיה
function reverse(string){ if(string.length<=1) return string; else return reverse(string.slice(1)) + string[0]; } function reverse2(string){ if(string.length<=1) return string; else return reverse(string.substr(1)) + string[0]; }
2 thoughts on “סיכום שיעור ראשון”