esctabcapslock/글자 수 세기2. html

## 글자 수 세기2. html
<!DOCTYPE HTML>
<html lang="ko">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <textarea id="txt_area" style="height:100px; width:100%"></textarea>
    <h2 id="ttt"></h2>

    <script>
        const txt = document.getElementById('txt_area');
        const h2 = document.getElementById('ttt');

        function push_data ()  {
        h2.innerHTML = (txt.value = (localStorage.x || "")).length
        }

        function pull_data ()  {
        h2.innerHTML = (sessionStorage.x = localStorage.x = txt.value).length;
        }

        //|| sessionStorage.x는 다른 창에서 적용되지 않음 bbbb
        push_data();
        txt.addEventListener('keyup',pull_data);
        txt.addEventListener('keydown',pull_data);
        txt.addEventListener('click',pull_data);
        txt.addEventListener('focus',pull_data);
        txt.addEventListener('change',pull_data);

        setInterval(() => {
            if(sessionStorage.x != localStorage.x) push_data();
        }, 100);

//         window.addEventListener("localDataStorage", function (e) {
//     // do your checks to detect
//     console.log('@#',e)
//     // changes in "e1", "e2" & "e3" here
// }, false);

    </script>
</body>
</html>
	<!DOCTYPE HTML>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	</head>
	<body>
	<textarea id="txt_area" style="height:100px; width:100%"></textarea>
	<h2 id="ttt"></h2>

	<script>
	const txt = document.getElementById('txt_area');
	const h2 = document.getElementById('ttt');

	function push_data () {
	h2.innerHTML = (txt.value = (localStorage.x \|\| "")).length
	}

	function pull_data () {
	h2.innerHTML = (sessionStorage.x = localStorage.x = txt.value).length;
	}

	//\|\| sessionStorage.x는 다른 창에서 적용되지 않음 bbbb
	push_data();
	txt.addEventListener('keyup',pull_data);
	txt.addEventListener('keydown',pull_data);
	txt.addEventListener('click',pull_data);
	txt.addEventListener('focus',pull_data);
	txt.addEventListener('change',pull_data);

	setInterval(() => {
	if(sessionStorage.x != localStorage.x) push_data();
	}, 100);

	// window.addEventListener("localDataStorage", function (e) {
	// // do your checks to detect
	// console.log('@#',e)
	// // changes in "e1", "e2" & "e3" here
	// }, false);

	</script>
	</body>
	</html>