JavaScript-Equality-Table/pages/index.tsx at main · withrvr/JavaScript-Equality-Table · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import Table from "components/Table";
import Head from "next/head";

const Home = () => {
	return (
		<>
			<Head>
				<title>JavaScript Equality Table</title>
			</Head>

			{/* <style jsx>{`
				ol {
					list-style-type: circle;
				}
			`}</style> */}

			<h1 className="text-5xl font-bold mb-6 underline"> JavaScript Equality Table </h1>

			<ol className="text-xl list-disc list-inside my-3 ">
				<li> ( === ) Vs ( == ) </li>
				<li>  How if( ... ) Statement work in Javascript </li>

				<br />

				<li> Moral of the story / <b>Why ?</b> this project </li>
				<li> Always use 3 equals ( === ), Unless you have a good reason to use 2 ( == ). </li>

				<br />

				<li> See RESULT ... by clicking on the tabs </li>
				<li> Hover on tables cell for more detail </li>

				<br />

				<li><a
					href="https://github.com/withrvr/JavaScript-Equality-Table"
					target="_blank"
					rel="noopener noreferrer"
					className="link"
				>
					Github Repository Link, for this Project
				</a></li>
				<li><a
					href="https://github.com/dorey/JavaScript-Equality-Table"
					target="_blank"
					rel="noopener noreferrer"
					className="link"
				>
					Credit / Inspired from
				</a></li>
			</ol>

			<div className="text-center">
				<span> Made With ❤ by </span>
				<a
					href="https://withrvr.bio.link/"
					target="_blank"
					rel="noopener noreferrer"
					className="link"
				>
					@withrvr
				</a>
			</div>
		</>
	);
};

export default Home;