anjanesh/getter-usd2inr.html

## getter-usd2inr.html
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Getter in Vanilla JS</title>
<script>
let rate = undefined;

const get_usd2inr = async () =>
{
    return fetch("https://open.er-api.com/v6/latest/USD")
    .then(response => response.json())
    .then(response =>
    {
    	console.log(response['rates']['INR']);
        return response['rates']['INR'];
    });
}

document.addEventListener("DOMContentLoaded", async () =>
{
    rate = await get_usd2inr();
});

let obj =
{
	usd2inr1: rate,

	get usd2inr2()
	{
		return rate;
	}
}

</script>
</head>
<body>
	Open Console but right clicking on the page and click Inspect Element.
	<button onclick="console.log(obj.usd2inr1);">click 1</button>
	<button onclick="console.log(obj.usd2inr2);">click 2</button>
</body>
</html>
	<!DOCTYPE html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Getter in Vanilla JS</title>
	<script>
	let rate = undefined;

	const get_usd2inr = async () =>
	{
	return fetch("https://open.er-api.com/v6/latest/USD")
	.then(response => response.json())
	.then(response =>
	{
	console.log(response['rates']['INR']);
	return response['rates']['INR'];
	});
	}

	document.addEventListener("DOMContentLoaded", async () =>
	{
	rate = await get_usd2inr();
	});

	let obj =
	{
	usd2inr1: rate,

	get usd2inr2()
	{
	return rate;
	}
	}

	</script>
	</head>
	<body>
	Open Console but right clicking on the page and click Inspect Element.
	<button onclick="console.log(obj.usd2inr1);">click 1</button>
	<button onclick="console.log(obj.usd2inr2);">click 2</button>
	</body>
	</html>