React.jsを組み込んだhtmlファイルがブラウザで上手く動作しない

前提・実現したいこと

Node.jsでhtmlのエレメントの表示が更新されるプログラムを書いています。

発生している問題・エラーメッセージ

以下のページで、青い部分をクリックすると「count:1」と表示が変わる予定ですが、クリックしても何も動作がおきません。

該当のソースコード

html
1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="UTF-8" />
5	<title>React</title>
6	<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
7	<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
8	<style>
9	#root {
10	cursor: pointer;
11	font-size:20pt;
12	background-color:lightblue;
13	padding: 1px 20px;
14	}
15	</style>
16</head>
17
18<body>
19	<h1>React</h1>
20	<div id="root" onclick="doCount();">wait...</div>
21	<script>
22	let counter = 0;
23	let dom = document.querySelector('#root');
24	doCount();
25
26	function doCount(){
27		counter++:
28		let element = React.createElement(
29			'p', {}, "count: " + counter);
30		ReactDOM.render(element, dom);
31	}
32	</script>
33</body>
34</html>
35

試したこと

	<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
	<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

の部分では正しくURLはアクセスできることを確認しました。