<a id="">と<div id="">を使った表示がされない

前提・実現したいこと

Navbarのリンクが押されたら、リンクによってページを変更せず文字を表示させたい

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

<a id="">と<div id="">を使った表示がされない
Navbarのリンクが押されたら#でdivを呼び出せないか試したのですが、表示されません。

該当のソースコード

HTML5
1<!doctype html>
2<head>
3    <!-- Required meta tags -->
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    <!--text color-->
7	<style>
8    .text_red {
9              color: red;
10    }
11	</style>
12    <!-- Bootstrap CSS -->
13    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" 
14integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
15</head>
16 
17<body>
18    <nav class="navbar navbar-expand-sm sticky-top navbar-dark bg-dark mt-3 mb-3" class="sticky-top">
19        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav4" aria-controls="navbarNav4" 
20aria-expanded="false" aria-label="Toggle navigation">
21            <span class="navbar-toggler-icon"></span>
22        </button>
23        <a class="text_red navbar-brand" href="#">CLANE STAR ONLINE</a>
24        <div class="collapse navbar-collapse">
25            <ul class="navbar-nav">
26                <li class="nav-item active">
27                    <a class="nav-link" href="#register">新規登録</a>
28                </li>
29                <li class="nav-item">
30                    <a class="nav-link" href="#data">データ一覧</a>
31                </li>
32                <li class="nav-item">
33                    <a class="nav-link" href="#exe">エクスポート</a>
34                </li>
35            </ul>
36        </div>
37		<!--div-->
38		<br><br>
39		<div id="register">ああ</div>
40		<div id="data">いい</div>
41		<div id="exe">うう</div>
42        <form class="form-inline">
43            <input class="form-control mr-sm-1" type="search">
44            <button class="btn btn-primary" type="submit">ログイン</button>
45        </form>
46    </nav>    
47    
48    <!-- Optional JavaScript -->
49    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
50    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
51integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
52    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" 
53integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
54    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" 
55integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
56</body>
57 
58</html>