jx13xx

const comments = [
    {id: 1, text: 'Comment One'},
    {id: 2, text: 'Comment Two'},
    {id: 3, text: 'Comment Three'},
]

function App() {
    return (
        <div className='comments'>
            <h3>Comments ({comments.length})</h3>

jx13xx

const showComments = true;

function App() {
    return (
        <div className='container'>
            <h1>Blog Post</h1>

            {showComments ? (<div className='comments'>

                <h3>Comments ({comments.length})</h3>

jx13xx

    return (
        <Card>
            <form>
                <h2> How you rate your service with us?</h2>
                <div className={'input-group'}>
                    <input
                        onChange={handleTextChange}
                        type={'text'}
                        placeholder={'Write a review'}
                        value={text}/>

jx13xx

var firstname = "MyNamew";

(function(name){

 var greeting = "Inside IIFE: Hellow"
 console.log(greeting + '' + name);
}(firstname))

jx13xx

const scores = [50, 6, 100, 0, 10, 75, 8, 60, 90, 80, 0, 30, 110];

//Any scores that are below 10 needs to be multiplied by 10 and the new value included.
const boostSingleScores = scores.map(function (val) {
    return (val < 10) ? val *10 : val;
})


//Remove any scores that are over 100.

jx13xx

class Employee {
  constructor(name, daysWorked) {
    this.name = name;
    this.daysWorked = daysWorked;
  }

  calculatePay() {
    const dailyPay = 100; // let's assume daily pay is 100
    return this.daysWorked * dailyPay;
  }