wilyJ80 · September 20, 2024 22:03
diff --git a/index.html b/index.html
 <html>
    <body>
        <h1>Try poking!</h1>
        <button>POKE</button>
        <p>Pokes: 0</p>
        <a href="#">Download poke count</a>
        <script src="./script.js"></script>
    </body>
 </html>
diff --git a/script.js b/script.js
 'use strict';

 let pokes = 0;
 let blob;

 const button =  document.querySelector('button');
 const pokesEl = document.querySelector('p');
 button.addEventListener('click', ()=> {
    pokes++;
    pokesEl.textContent = `Pokes: ${pokes}`;
    blob = new Blob([pokes.toString()]);
 });

 const anchor = document.querySelector("a");
 anchor.addEventListener('click', ()=> {
    let url = URL.createObjectURL(blob);

    anchor.href = url;
    anchor.download = 'pokes.txt';
 });
	'use strict';

	let pokes = 0;
	let blob;

	const button = document.querySelector('button');
	const pokesEl = document.querySelector('p');
	button.addEventListener('click', ()=> {
	pokes++;
	pokesEl.textContent = `Pokes: ${pokes}`;
	blob = new Blob([pokes.toString()]);
	});

	const anchor = document.querySelector("a");
	anchor.addEventListener('click', ()=> {
	let url = URL.createObjectURL(blob);

	anchor.href = url;
	anchor.download = 'pokes.txt';
	});