play class again

by oktaviardi pratama

HTML

<div id="result"></div>
  <div id="oop"></div>

JavaScript

var result = "Hello, World!";
            
// Find the HTML element where you want to print the result
var resultDiv = document.getElementById("result");

// Set the result as the inner HTML of the element
resultDiv.innerHTML = result;


class Product{
	constructor(name, price){
    this.name = name
    this.price = price
  }
  
  displayProduct(){
    console.log(`Product: ${this.name}`)
    console.log(`Price: ${this.price}`)
  }
  
  calculateTotal(salesTax){
  	return this.price + (this.price * salesTax);
  }
}

const product1 = new Product("shirt", 19.99)
const product2 = new Product("shirt", 22.50)
const product3 = new Product("Underwar", 100.50)
const salesTax = 0.05

product1.displayProduct();
product2.displayProduct();
const total = product3.calculateTotal(salesTax);
console.log(`Total Price (tax): ${total.toFixed(2)}`)