hyuki/index.html

## index.html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <title>一行メモ</title>
<style>
input {
  width: 50%;
  height: 2em;
  font-size: x-large;
}
</style>
</head>
<body>

  <h1>一行メモ</h1>

  <p>文字列を入力してEnterを打つとブラウザにその文字列が保存され、リロード後も再表示される。</p>

  <input type="text" id="ONELINE-MEMO" placeholder="ONELINE-MEMO">

  <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

  <script>
$(function() {
  const key = 'ONELINE-MEMO'
  const onelineMemo = localStorage.getItem(key);
  if (!onelineMemo || onelineMemo.length == 0) {
    $('#ONELINE-MEMO').attr('placeholder', 'ONELINE-MEMO');
  } else {
    $('#ONELINE-MEMO').val(onelineMemo);
  }
  $('#ONELINE-MEMO').keydown(function(e) {
    if (e.keyCode == 13) {
      const onelineMemo = $('#ONELINE-MEMO').val();
      localStorage.setItem(key, onelineMemo);
    }
    return true;
  });
  $("#ONELINE-MEMO").focus();
});
  </script>

</body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>一行メモ</title>
	<style>
	input {
	width: 50%;
	height: 2em;
	font-size: x-large;
	}
	</style>
	</head>
	<body>

	<h1>一行メモ</h1>

	<p>文字列を入力してEnterを打つとブラウザにその文字列が保存され、リロード後も再表示される。</p>

	<input type="text" id="ONELINE-MEMO" placeholder="ONELINE-MEMO">

	<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

	<script>
	$(function() {
	const key = 'ONELINE-MEMO'
	const onelineMemo = localStorage.getItem(key);
	if (!onelineMemo \|\| onelineMemo.length == 0) {
	$('#ONELINE-MEMO').attr('placeholder', 'ONELINE-MEMO');
	} else {
	$('#ONELINE-MEMO').val(onelineMemo);
	}
	$('#ONELINE-MEMO').keydown(function(e) {
	if (e.keyCode == 13) {
	const onelineMemo = $('#ONELINE-MEMO').val();
	localStorage.setItem(key, onelineMemo);
	}
	return true;
	});
	$("#ONELINE-MEMO").focus();
	});
	</script>

	</body>
	</html>