נהנתי להכיר אתכם ! 🙂

חומרי השיעור

•  מצגת 0 – מבוא צד שרת לקוח, למה וורדפרס
• משימות בשתי דקות JS

הצעות לפתרון

שאלה 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];
}