JSFiddle - React, Tailwind, and code Playground

HTML

<p id="myDemo1"></p>
<p id="myDemo2"></p>
<script>
function People(name, gender, age) {
    this.name = name;
    this.gender = gender;
    this.age = age;
}
var myFriend_01 = new People("胖虎", "男孩", 15);
var myFriend_02 = new People("阿福", "男孩", 15);

/* 將 myFriend_01 的名字顯示在 myDemo1 裡*/
document.getElementById("myDemo1").innerHTML =
"朋友一號的名字是 " + myFriend_01.name +" 。";

/* 將 myFriend_02 的名字顯示在 myDemo2 裡*/
document.getElementById("myDemo2").innerHTML =
"朋友二號的名字是 " + myFriend_02.name +" 。";


</script>