JSFiddle - React, Tailwind, and code Playground

HTML

<p id="myDemo"></p>

<script>
function People(name, gender, age, weight) {
    this.name = name;
    this.gender = gender;
    this.age = age;
    this.weight = weight;
}

/* 在 console 印出 Hello*/
People.prototype.sayHello = function()
{
  console.log('Hello');
};


var myFriend_01 = new People("胖虎", "男孩", 15, "100kg");
/* 將 myFriend_01 的名字及體重顯示在 myDemo 裡*/
document.getElementById("myDemo").innerHTML =
"我的朋友是 " + myFriend_01.name +"，" + "體重是 " + myFriend_01.weight +"。";


/* 在 console 印出 myFriend_01的屬性及值 */
for(var prop in myFriend_01)
{
  console.log(prop + ': ' + myFriend_01[prop]);
}

</script>