zachgoll/incorrect-date-example.html

## incorrect-date-example.html
<html>
  <head>
    <style>
      body {
        padding: 20px;
      }
    </style>
  </head>
  <body>
    <h2>Date example web app</h2>

    <h4>What is your birthday?</h4>
    <input id="input-date" type="date" name="input-date" />

    <h5>Your birthday is...</h5>
    <p id="string-val"></p>
    <script>
      const dateInput = document.querySelector("#input-date");

      const onDateChange = () => {
        const dateValue = dateInput.valueAsDate;

        const day = dateValue.getDate();
        const month = dateValue.getMonth() + 1; // Return Value is 0 indexed
        const year = dateValue.getFullYear();

        document.querySelector("#string-val").innerHTML =
          year + "-" + month + "-" + day + " (year-month-day)";
      };

      document
        .querySelector('input[type="date"]')
        .addEventListener("change", onDateChange);
    </script>
  </body>
</html>
	<html>
	<head>
	<style>
	body {
	padding: 20px;
	}
	</style>
	</head>
	<body>
	<h2>Date example web app</h2>

	<h4>What is your birthday?</h4>
	<input id="input-date" type="date" name="input-date" />

	<h5>Your birthday is...</h5>
	<p id="string-val"></p>
	<script>
	const dateInput = document.querySelector("#input-date");

	const onDateChange = () => {
	const dateValue = dateInput.valueAsDate;

	const day = dateValue.getDate();
	const month = dateValue.getMonth() + 1; // Return Value is 0 indexed
	const year = dateValue.getFullYear();

	document.querySelector("#string-val").innerHTML =
	year + "-" + month + "-" + day + " (year-month-day)";
	};

	document
	.querySelector('input[type="date"]')
	.addEventListener("change", onDateChange);
	</script>
	</body>
	</html>