Powerful AI

The goal of this WOD is to implement a class that keeps track of the total calories, fat, 
and sodium in a Burger King order and notifies you when your order has exceeded the recommended 
daily maximum for a sedentary college student (i.e. 2,000 calories, 70 grams fat, 2300 mg sodium).

Here is some code to define objects containing reference values for various BK items:

const bkItems = {
  cokeLarge:     {calories: 380, fat: 0, sodium: 10},
  cokeMedium:    {calories: 290, fat: 0, sodium: 5},
  cokeSmall:     {calories: 140, fat: 0, sodium: 0},
  frappeLarge:   {calories: 600, fat: 25, sodium: 360},
  frappeSmall:   {calories: 410, fat: 19, sodium: 230},
  whopper:        {calories: 650, fat: 37, sodium: 910},
  doubleWhopper: {calories: 900, fat: 56, sodium: 980},
  tripleWhopper: {calories: 1160, fat: 75, sodium: 1050},
  chickenSandwich: {calories: 660, fat: 40, sodium: 1220},
  friesLarge:    {calories: 500, fat: 22, sodium: 900},
  friesMedium:   {calories: 410, fat: 18, sodium: 570},
  friesSmall:    {calories: 240, fat: 10, sodium: 330}
};
Now create a class called BKMenu whose constructor accepts the bkItems data 
structure and saves it. The BKMenu class should also store the recommended daily 
maximum for calories, fat, and sodium.

BKMenu implements an add() function that accepts a string indicating the item 
ordered, which will be one of the fields in the bkItems data structure. For 
example, “cokeLarge”, “whopper”.

Whenever the add() function is called, if the recommended daily maximum for 
calories, fat, or sodium is now exceeded for that order, the function should print
 out the total along with a message to the console for that value.

For example:

const myMenu = new BKMenu(bkItems);
myMenu.add("cokeLarge");
myMenu.add("frappeLarge");
myMenu.add("tripleWhopper");
// console prints:
//   Calories exceeds allowance of 2000: 2140
//   Fat exceeds allowance of 70: 100
myMenu.add("friesLarge");
// console prints:
//   Calories exceeds allowance of 2000: 2640
//   Fat exceeds allowance of 70: 122
//   Sodium exceeds allowance of 2300: 2320

class BKMenu {
  constructor(bkItems) {
    this.bkItems = bkItems;
    this.recommendedDailyMax = {
      calories: 2000,
      fat: 70,
      sodium: 2300
    };
    this.order = {
      calories: 0,
      fat: 0,
      sodium: 0
    };
  }

  add(item) {
    const menuItem = this.bkItems[item];
    if (!menuItem) {
      console.log(`Item '${item}' not found in the BK menu.`);
      return;
    }

    this.order.calories += menuItem.calories;
    this.order.fat += menuItem.fat;
    this.order.sodium += menuItem.sodium;

    if (this.order.calories > this.recommendedDailyMax.calories) {
      console.log(`Calories exceeds allowance of ${this.recommendedDailyMax.calories}: ${this.order.calories}`);
    }

    if (this.order.fat > this.recommendedDailyMax.fat) {
      console.log(`Fat exceeds allowance of ${this.recommendedDailyMax.fat}: ${this.order.fat}`);
    }

    if (this.order.sodium > this.recommendedDailyMax.sodium) {
      console.log(`Sodium exceeds allowance of ${this.recommendedDailyMax.sodium}: ${this.order.sodium}`);
    }
  }
}

const bkItems = {
  // ... (your item definitions here)
};

const myMenu = new BKMenu(bkItems);
myMenu.add("cokeLarge");
myMenu.add("frappeLarge");
myMenu.add("tripleWhopper");
myMenu.add("friesLarge");

footer {
 border-top: #0A5421;
 border-top-width: 3px;
 border-top-style: solid;

background-color: #4F7942;
color: #ffffff;
padding: 50px;
text-align: center;
font-size: 1.5rem;
font-weight: 500;
font-family: 'Open Sans', sans-serif;

fix: Artificial Intelligence (AI) is powerful in all different 
fields. It can assist you to complete the task or even complete 
the task for you. When you do not understand something you can ask
 AI to explain it to you. For example, ChatGpt is an interactive 
 chat AI that responds based on your input. You can do many things
  with it. Like have it write code for. You would just need to 
  type in the requirement or instruction then it will generate the
   code. Then you can just use it right away.

Artificial Intelligence (AI) exhibits immense power across diverse 
fields. It aids in task completion and can even execute tasks 
entirely on your behalf. Whenever you encounter something you 
don't understand, AI stands ready to provide explanations. Take 
ChatGPT, for instance, an interactive chat AI that responds 
dynamically to your input. Its capabilities are vast—you can 
accomplish numerous tasks with it. For instance, requesting code 
generation is as simple as entering the requirement or 
instruction, and it promptly produces the code, ready for 
immediate use.

Wireframe Description for UHnify Landing Page

Top Section:
* Brand Logo: Placed prominently at the top center or top left of 
the page, using a clear and high-resolution image that embodies 
the UHnify brand, consistent with the brand recognition strategy.

* Navigation Bar: Directly below or beside the brand logo, 
including links to other pages like "Home," "Browse Clubs," 
"Events," "Login," reflecting the typography and color palette 
from the mood board.

* Engaging Headline: "Your Campus Community Awaits: Engage with UH
 Manoa Clubs!" stands out against the Coconut White background, 
 set in bold Raleway font to grab attention immediately upon 
 landing on the page.

Introduction Section:
* Tagline: Below the headline, a brief and inviting introduction 
in Open Sans that says, "UHnify brings UH Manoa's clubs to your 
fingertips – Connect with peers, discover events, and join the 
conversation."

* Login/Sign Up: Positioned to the right of the tagline or as a 
standalone section, featuring contrasting buttons – one in Banana 
Leaf Green and another in Pale Yellow – drawing the eye and making
 it clear where to log in or sign up.

Main Content Area:
* Primary Call-to-Action (CTA): An "Explore Now" button in a 
strategic and central location on the screen, possibly with a 
subtle animation or hover effect to entice clicks. The button 
would be styled using the bold and inviting colors from the 
primary palette.

* Events Preview: A visually appealing carousel or grid displaying
 upcoming events, using thumbnails that incorporate the tropical 
 and green color scheme, with a quick hover animation or highlight
  to indicate new events. Each preview would link to the more 
  detailed Events Page.

Footer:
* Consistent Layout: At the bottom of the page, a footer that 
stretches across the screen, colored in a subtle shade from the 
color palette, perhaps the Light Tropical Green for a grounding 
effect.

* Information: Contains contact details, social media links, and 
quick links in a neatly organized manner, using the same fonts as 
the body text for consistency.

* Legal Information: Discreetly placed in a smaller font size but 
still legible and easy to find for those who need it.

how do you use =>()?

The => syntax in programming languages, particularly in JavaScript
 and other languages adopting similar constructs, is used to 
create arrow functions, also known as fat arrow functions.

Here's a breakdown:

Arrow Functions: Arrow functions are a concise way to write 
function expressions in JavaScript.

Syntax: The basic syntax looks like this:

javascript
Copy code
const functionName = (parameters) => {
  // function body
};
Parameters: Arrow functions can take parameters inside the 
parentheses (). If there's only one parameter, the parentheses 
can be omitted. If there are no parameters, empty parentheses () 
or _ (underscore) can be used to denote that.

Function Body: If the function body is a single statement, you can
 omit the curly braces {} and the return keyword (if the single 
statement is a return statement). If there are multiple 
statements, you need to enclose them in {} and explicitly use 
return if you want to return something.

Usage: Arrow functions are often used for concise anonymous 
functions, especially in scenarios like array manipulation 
methods (e.g., map(), filter(), reduce()), where shorter, more 
readable code is preferred.

Example:

javascript
Copy code
// Regular function
function greet(name) {
  return `Hello, ${name}!`;
}

// Equivalent arrow function
const greetArrow = (name) => `Hello, ${name}!`;
Arrow functions have lexical scoping of this, which means they 
don't have their own this value. Instead, they inherit this from 
the surrounding code (lexical context). This can be advantageous 
in certain scenarios, especially when working with callbacks or 
handling context.

However, they might not be suitable in all situations, 
particularly when you need a function with its own this context or
 when defining object methods due to the way they handle this.

Overall, => or arrow functions provide a more concise syntax for 
writing functions, especially for shorter, more straightforward 
functions in JavaScript.

Why is my code not running? Is there any syntax error?
function BertErnie(int){
if(int%4==0 & int%6==0){
console.log("BertErnie");
}
else if(int%4==0){
console.log("Bert");
}
else if(int%6=0){
console.log("Ernie");
}
else{
console.log(int);
}
}
for(let i=1;i<=100;i++){
BertErnie(i);
}

I see a syntax error in your code. In the else if statement for 
checking if a number is divisible by 6, you're using the 
assignment operator = instead of the equality operator == or ===.

Here's the corrected code:

javascript
Copy code
function BertErnie(int) {
  if (int % 4 == 0 && int % 6 == 0) {
    console.log("BertErnie");
  } else if (int % 4 == 0) {
    console.log("Bert");
  } else if (int % 6 == 0) {
    console.log("Ernie");
  } else {
    console.log(int);
  }
}

for (let i = 1; i <= 100; i++) {
  BertErnie(i);
}

Changes made:
Replaced the & operator with && for the logical AND operation.
Replaced int % 6 = 0 with int % 6 == 0 in the else if condition to
 check if int is divisible by 6.
This corrected code should now properly run and execute the 
BertErnie function for numbers from 1 to 100.