ボタン操作で別ブラウザを開く

ボタンをクリックすると別の画面が開くという機能を実装しました．

参考は以下です．

www.javadrive.jp

 

これを別で.tsファイルを作成し，実装してみました．

まず，.htmlファイルは以下になります．


<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>サンプル</title>
</head>
<body>

  <p>サンプルページです。</p>

  <input type="button" value="button1" id="mybtn1"> // src="./assets/img/CameraIcon.png"を入れると，ボタンを好きな見た目に変えれます
</body>

次に新規に.tsファイルを作成し，以下をコピペします．


export const mybtn1: HTMLElement       = document.getElementById("mybtn1")  as HTMLElement;
// ユーザカメラのアイコンクリック時の処理
mybtn1.addEventListener('click', () => { // width=300,height=300,left=0,top=0
　　let option = 'width=1000,height=1000,left=0,top=0'
	open('./src/html/〇〇.html','mywindow', option);
});