ボタンをクリックした際に、特定の要素を消去し、指定したページに特定の要素を表示する。

ボタンをクリックしたときに、別のページに要素を表示したいのですが。

世界の検索エンジンを利用できるサービスを作っています。onsen uiをベースとして2つのタブを用意しています。一つのタブには選択した検索エンジン一覧と選択した検索エンジン（A)を消去するボタンを作り、もう一つのボタンでは選択していない検索エンジンと選択していない検索エンジンを追加するボタンを用意しています。しかし、ボタン（A）と（B）を押したときのイベントの実装方法がわかりません。

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

エラーメッセージ

該当のソースコード

Java
1<!DOCTYPE HTML>
2<html>
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
6  <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
7  <script src="components/loader.js"></script>
8  <script src="lib/onsenui/js/onsenui.min.js"></script>
9
10  <link rel="stylesheet" href="components/loader.css">
11  <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
12  <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
13  <link rel="stylesheet" href="css/style.css">
14
15  <script>
16    ons.ready(function() {
17      console.log("Onsen UI is ready!");
18    });
19
20    document.addEventListener('show', function(event) {
21      var page = event.target;
22      var titleElement = document.querySelector('#toolbar-title');
23
24      if (page.matches('#first-page')) {
25        titleElement.innerHTML = 'My app - Page 1';
26      } else if (page.matches('#second-page')) {
27        titleElement.innerHTML = 'My app - Page 2';
28      }
29    });
30
31    if (ons.platform.isIPhoneX()) {
32      document.documentElement.setAttribute('onsflag-iphonex-portrait', '');
33      document.documentElement.setAttribute('onsflag-iphonex-landscape', '');
34    }
35  </script>
36</head>
37<body>
38  <ons-page>
39    <ons-toolbar>
40      <div class="center" id="toolbar-title"></div>
41    </ons-toolbar>
42    <ons-tabbar position="auto">
43      <ons-tab label="Tab 1" page="tab1.html" active>
44      </ons-tab>
45      <ons-tab label="Tab 2" page="tab2.html">
46      </ons-tab>
47    </ons-tabbar>
48  </ons-page>
49
50  <ons-template id="tab1.html">
51    <ons-page id="first-page">
52
53      <div class ="left"><a href="https://www.google.is/?gl=is" class="btn-square-pop">Iceland</a></div>
54      <div class ="right" ><a href="#" class="btn-square">-</a></div>
55
56    </ons-page>
57  </ons-template>
58
59  <ons-template id="tab2.html">
60    <ons-page id="second-page">
61      <a href="https://www.google.is/?gl=is" class="btn-square-pop">United States</a>
62      <div class ="right" ><a href="#" class="btn-square-plus">+</a></div>
63    </ons-page>
64  </ons-template>
65</body>
66</html>
67

試したこと

情報がなくてわかりません

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

前提・実現したいこと

上記同じく

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

エラーメッセージ

該当のソースコード

CSS
1/**/
2.btn-square-pop {
3  position: relative;
4  display: inline-block;
5  padding: 0.25em 0.5em;
6  text-decoration: none;
7  color: #FFF;
8  background: #fd9535;/*背景色*/
9  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
10  border-radius: 4px;/*角の丸み*/
11  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
12  font-weight: bold;
13  font-size: 30px;
14  text-align: center;
15  width: 60vw;
16  margin: 10px 10px;　
17}
18
19.btn-square-pop:active {
20  border-bottom: solid 2px #fd9535;
21  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
22}
23
24.left {
25  float: left;
26}
27
28.btn-square {
29  position: relative;
30  display: inline-block;
31  padding: 0.25em 0.5em;
32  text-decoration: none;
33  color: #FFF;
34  background: #0062d2;/*背景色*/
35  border-bottom: solid 2px #35fddc;/*少し濃い目の色に*/
36  border-radius: 4px;/*角の丸み*/
37  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
38  font-weight: bold;
39  font-size: 30px;
40  text-align: center;
41  width: 10vw;
42  margin: 10px 10px;;
43
44}
45
46.btn-square:active {
47  border-bottom: solid 2px #35fddc;
48  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
49}
50
51.right {
52  float: right;
53}
54
55.btn-square-plus {
56  position: relative;
57  display: inline-block;
58  padding: 0.25em 0.5em;
59  text-decoration: none;
60  color: #FFF;
61  background: #d20000;/*背景色*/
62  border-bottom: solid 2px #fd3535;/*少し濃い目の色に*/
63  border-radius: 4px;/*角の丸み*/
64  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
65  font-weight: bold;
66  font-size: 30px;
67  text-align: center;
68  width: 10vw;
69  margin: 10px 10px;;
70
71}
72
73.btn-square-plus:active {
74  border-bottom: solid 2px #fd3535;
75  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
76}
77
78