console.log(${this.firstName} age is: ${age} );
}
firstPerson.convertAge(19)
secondPerson.convertAge(18)function Person(firstName, LastName ) {
this.firstName = firstName
this.LastName = LastName
this.isHuman = true
this.greeting = () => {
console.log(this);
}
}
const fistPerson = new Person("Fotima", "Nishonova")
console.log(fistPerson.greeting());function calc(number) {
return this * number
}
const double = calc.bind(2)
const trouble = calc.bind(3)
console.log(double(12));
console.log(double(24));
console.log(trouble(15));
console.log(trouble(30));
coding with ☕️
const calc = (a, b) => { b = b || 2 return a + b } console.log(calc(1, 10));
Rest opertaor method 1
coding with ☕️
const calc = (a, b = 2) => { return a + b } console.log(calc(1, 10));
Rest operator method 2JavaScriptda iteratsiyani bajarish uchun quyidagi usullar mavjud:
✅ for – Belgilangan miqdordagi iteratsiyalarni bajaradi.
✅ while – Shart to‘g‘ri bo‘lsa, iteratsiyani davom ettiradi.
✅ do...while – Avval kamida bir marta kodni bajaradi, keyin shartni tekshiradi.
✅ for...of – Massiv va iteratsiya qilinadigan obyektlar ustida ishlaydi.
✅ for...in – Obyekt kalitlari bo‘yicha iteratsiya qiladi.
✅ Array metodlari (forEach, map, filter, reduce va boshqalar) – Massiv elementlarini boshqarish uchun ishlatiladi.
new OfferMenu (
"./img/offer1.png",
"Quattro Pasta",
"Quattro Pasta",
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quibusdam.",
55, 20,
"offers-items"
).render()
new OfferMenu (
"./img/offer2.png",
"Vegertarian Pasta",
"Vegertarian Pasta",
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quibusdam.",
65, 25,
"offers-items"
).render()
new OfferMenu (
"./img/offer3.png",
"Quattro Pasta",
"Gluten-Free Pasta",
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quibusdam.",
25, 20,
"offers-items"
).render()
offers.forEach(offer => {
const {src, alt, descr, discount, sale, title} = offer
new OfferMenu(src, alt, title, descr, discount,sale, "offers-items").render()
})const offers = [
{
src: "./img/offer1.png",
alt: "Quattro Pasta",
title: "Quattro Pasta",
descr: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quibusdam.",
discount: 55,
sale: 20,
},
{
src: "./img/offer2.png",
alt: "Vegertarian Pasta",
title: "Vegertarian Pasta",
descr: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quibusdam.",
discount: 65,
sale: 25,
},
{
src: "./img/offer3.png",
alt: "Gluten-Free Pasta",
title: "Gluten-Free Pasta",
descr: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quibusdam.",
discount: 25,
sale: 15,
}
]