prof3ssorSt3v3/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>String.prototype.replaceAll</title>
  </head>
  <body>
    <main>
      <h1>String.prototype.replaceAll()</h1>
      <h2>Your Product Number</h2>
      <p id="prod-num">AB76AF 83736E 0192DC B00371</p>
    </main>
    <script>
      document.addEventListener('DOMContentLoaded', () => {
        document.getElementById('prod-num').addEventListener('click', convert);
        if ('replaceAll' in String.prototype) {
          console.log('good to go');
        } else {
          console.log('Not supported');
          String.prototype.replaceAll = function (find, replace) {
            let exp = new RegExp(find, 'g');
            return this.replace(exp, replace);
          };
        }
      });

      function convert(ev) {
        let prodStr = ev.target.textContent;

        let prodNum = prodStr.replaceAll(' ', '-');
        console.log(prodNum);
      }
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>String.prototype.replaceAll</title>
	</head>
	<body>
	<main>
	<h1>String.prototype.replaceAll()</h1>
	<h2>Your Product Number</h2>
	<p id="prod-num">AB76AF 83736E 0192DC B00371</p>
	</main>
	<script>
	document.addEventListener('DOMContentLoaded', () => {
	document.getElementById('prod-num').addEventListener('click', convert);
	if ('replaceAll' in String.prototype) {
	console.log('good to go');
	} else {
	console.log('Not supported');
	String.prototype.replaceAll = function (find, replace) {
	let exp = new RegExp(find, 'g');
	return this.replace(exp, replace);
	};
	}
	});

	function convert(ev) {
	let prodStr = ev.target.textContent;

	let prodNum = prodStr.replaceAll(' ', '-');
	console.log(prodNum);
	}
	</script>
	</body>
	</html>