cuduy197/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Tính Can Chi</title>
<style id="jsbin-css">
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
body {
  font-family: 'Comfortaa';
  text-align: center;
   background: plum;
    color: white;
  margin: 0;
}
button {
  background: orange;
  color: white;
   font-size: 2em;
  border-radius: 10px;
  border: 2px solid white;
  padding: .2em;
}
button:hover {
  background: coral;
}
</style>
</head>
<body>
  <h1>Viết chương trình, nhập năm dương lịch sau đó hiển thị năm âm lịch. <br> <code>VD: 2017 -> Đinh Dậu</code></h1>
  <i>Để hiển thị nhập trong javascript dùng <br> <code>promt('Noi dung muon hỏi','Gía trị sẵn')</code></i>
  <br> <br>  <i>Biết năm 0 là năm Canh Thân</i>
<hr>
  <h2>Chương trình mẫu: </h2>
  <button onclick='chuyenDoi()'>Tính Can Chi</button>
  <br>
  <h1><i id="result"></i></h1>
<script id="jsbin-javascript">
//cuduy197
chuyenDoi = () => {
  let inputYear = prompt('Hãy nhập năm dương lịch cần tính', 2017);
let nam = Number(inputYear);
  let Can = ['Canh','Tân','Nhâm','Qúy', 'Giáp','Ất', 'Bính','Đinh','Mậu','Kỷ'];
  let Chi = ['Thân','Dậu','Tuất','Hợi','Tý','Sửu','Dần','Mão','Thìn','Tỵ','Ngọ','Mùi'];
  alert(`Năm ${nam} là:\n${Can[nam%10]} ${Chi[nam%12]}`);
console.log(`Năm ${nam} là\n${Can[nam%10]} ${Chi[nam%12]}`);
document.getElementById('result').innerText= `Năm ${nam} là ${Can[nam%10]} ${Chi[nam%12]}`;
};
</script>


<script id="jsbin-source-css" type="text/css">@import url('https://fonts.googleapis.com/css?family=Comfortaa');
body {
  font-family: 'Comfortaa';
  text-align: center;
   background: plum;
    color: white;
  margin: 0;
}
button {
  background: orange;
  color: white;
   font-size: 2em;
  border-radius: 10px;
  border: 2px solid white;
  padding: .2em;
}
button:hover {
  background: coral;
}</script>

<script id="jsbin-source-javascript" type="text/javascript">//cuduy197
chuyenDoi = () => {
  let inputYear = prompt('Hãy nhập năm dương lịch cần tính', 2017);
let nam = Number(inputYear);
  let Can = ['Canh','Tân','Nhâm','Qúy', 'Giáp','Ất', 'Bính','Đinh','Mậu','Kỷ'];
  let Chi = ['Thân','Dậu','Tuất','Hợi','Tý','Sửu','Dần','Mão','Thìn','Tỵ','Ngọ','Mùi'];
  alert(`Năm ${nam} là:\n${Can[nam%10]} ${Chi[nam%12]}`);
console.log(`Năm ${nam} là\n${Can[nam%10]} ${Chi[nam%12]}`);
document.getElementById('result').innerText= `Năm ${nam} là ${Can[nam%10]} ${Chi[nam%12]}`;
};
</script></body>
</html>

## jsbin.tucemav.css
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
body {
  font-family: 'Comfortaa';
  text-align: center;
   background: plum;
    color: white;
  margin: 0;
}
button {
  background: orange;
  color: white;
   font-size: 2em;
  border-radius: 10px;
  border: 2px solid white;
  padding: .2em;
}
button:hover {
  background: coral;
}

## jsbin.tucemav.js
//cuduy197
chuyenDoi = () => {
  let inputYear = prompt('Hãy nhập năm dương lịch cần tính', 2017);
let nam = Number(inputYear);
  let Can = ['Canh','Tân','Nhâm','Qúy', 'Giáp','Ất', 'Bính','Đinh','Mậu','Kỷ'];
  let Chi = ['Thân','Dậu','Tuất','Hợi','Tý','Sửu','Dần','Mão','Thìn','Tỵ','Ngọ','Mùi'];
  alert(`Năm ${nam} là:\n${Can[nam%10]} ${Chi[nam%12]}`);
console.log(`Năm ${nam} là\n${Can[nam%10]} ${Chi[nam%12]}`);
document.getElementById('result').innerText= `Năm ${nam} là ${Can[nam%10]} ${Chi[nam%12]}`;
};
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Tính Can Chi</title>
	<style id="jsbin-css">
	@import url('https://fonts.googleapis.com/css?family=Comfortaa');
	body {
	font-family: 'Comfortaa';
	text-align: center;
	background: plum;
	color: white;
	margin: 0;
	}
	button {
	background: orange;
	color: white;
	font-size: 2em;
	border-radius: 10px;
	border: 2px solid white;
	padding: .2em;
	}
	button:hover {
	background: coral;
	}
	</style>
	</head>
	<body>
	<h1>Viết chương trình, nhập năm dương lịch sau đó hiển thị năm âm lịch. <br> <code>VD: 2017 -> Đinh Dậu</code></h1>
	<i>Để hiển thị nhập trong javascript dùng <br> <code>promt('Noi dung muon hỏi','Gía trị sẵn')</code></i>
	<br> <br> <i>Biết năm 0 là năm Canh Thân</i>
	<hr>
	<h2>Chương trình mẫu: </h2>
	<button onclick='chuyenDoi()'>Tính Can Chi</button>
	<br>
	<h1><i id="result"></i></h1>
	<script id="jsbin-javascript">
	//cuduy197
	chuyenDoi = () => {
	let inputYear = prompt('Hãy nhập năm dương lịch cần tính', 2017);
	let nam = Number(inputYear);
	let Can = ['Canh','Tân','Nhâm','Qúy', 'Giáp','Ất', 'Bính','Đinh','Mậu','Kỷ'];
	let Chi = ['Thân','Dậu','Tuất','Hợi','Tý','Sửu','Dần','Mão','Thìn','Tỵ','Ngọ','Mùi'];
	alert(`Năm ${nam} là:\n${Can[nam%10]} ${Chi[nam%12]}`);
	console.log(`Năm ${nam} là\n${Can[nam%10]} ${Chi[nam%12]}`);
	document.getElementById('result').innerText= `Năm ${nam} là ${Can[nam%10]} ${Chi[nam%12]}`;
	};
	</script>


	<script id="jsbin-source-css" type="text/css">@import url('https://fonts.googleapis.com/css?family=Comfortaa');
	body {
	font-family: 'Comfortaa';
	text-align: center;
	background: plum;
	color: white;
	margin: 0;
	}
	button {
	background: orange;
	color: white;
	font-size: 2em;
	border-radius: 10px;
	border: 2px solid white;
	padding: .2em;
	}
	button:hover {
	background: coral;
	}</script>

	<script id="jsbin-source-javascript" type="text/javascript">//cuduy197
	chuyenDoi = () => {
	let inputYear = prompt('Hãy nhập năm dương lịch cần tính', 2017);
	let nam = Number(inputYear);
	let Can = ['Canh','Tân','Nhâm','Qúy', 'Giáp','Ất', 'Bính','Đinh','Mậu','Kỷ'];
	let Chi = ['Thân','Dậu','Tuất','Hợi','Tý','Sửu','Dần','Mão','Thìn','Tỵ','Ngọ','Mùi'];
	alert(`Năm ${nam} là:\n${Can[nam%10]} ${Chi[nam%12]}`);
	console.log(`Năm ${nam} là\n${Can[nam%10]} ${Chi[nam%12]}`);
	document.getElementById('result').innerText= `Năm ${nam} là ${Can[nam%10]} ${Chi[nam%12]}`;
	};
	</script></body>
	</html>