שיעורי בית – וורדפרס | שיעור מס' 1

פתרון תרגילי js, להערכת המצב בכיתה.

שאלה 1 – הדפסת מספרים מ1 עד 10 (בונוס – רק את הזוגיים).
for(var i=1; i<=20; i++){
    console.log(i);
}
בונוס שאלה 1:
for(var i=2; i<=20; i+=2){
    console.log(i);
}
משימה מתוזמנת בונוס שאלה 1:
var a = setInterval(run,100);
var num=1;

function run() {
   console.log(num);
   num++;
   
if(num>20){
    clearInterval(a);
   }
}
.שאלה 2: יצירת כפתור עם המספר 5, כך שבכל לחיצה המספר יגדל
<button id="btn">5</button>

document.getElementById("btn").onclick = run;

function run(){
   var num = document.getElementById("btn").innerHTML;
   num++;
   document.getElementById("btn").innerHTML = num;
}
אופציה נוספת לשאלה 2:
<button id="btn" onclick="run(this)">5</button>

function run(num){
   var number = num.innerHTML;
   number++;
   num.innerHTML = number;
}
אופציה נוספת לשאלה 2 (Jquery):
<button id="btn">5</button>

$("#btn").click(function(){
   var num=$(this).html();
   num++;
   $(this).html(num);
});
אופציה נוספת לשאלה 2 (הגדלת הכפתור)
<button id="btn">5</button>

document.getElementById("btn").onclick = resize;

function resize(){
   var a = parseInt(document.getElementById("btn").style.fontSize); 
   a++;
   document.getElementById("btn").style.fontSize = a+"px"; 
}

אופציה נוספת לשאלה 2 (הגדלת הכפתור 02)
document.getElementById("btn").onclick = resize2;

function resize2(){
   document.getElementById("btn").style.fontSizec = "larger"; 
}
שאלה 3 – כתוב פונקציה המבצעת כפל בין שני מספרים.
function kefel(num1, num2){
   var sum = num1*num2;
   return sum;
}
שאלה 4 – כתוב פונקציית היפוך למחרוזת.
var localString ="abc";
var revString = "";

for(var i=localString.length; i>0; i--){
    revString += localString[i-1];
}
console.log(revString);

השאר תגובה

כתובת המייל שלך לא תפורסם, שדות חובה מזומנים בכוכבית. *