Newer
Older
2021-fuga / map / saisyuu / saisyuu.html
@sakurai fuga sakurai fuga on 23 Jan 2022 1 KB Add saisyuu
<!DOCTYPE html>
<html lang="ja">
<head>
<title>ウォーキング計測</title>
<link rel="stylesheet" type="text/css" href="../src/leaflet.css">
<script type="text/javascript" src="../src/leaflet.js"></script>
<script type="text/javascript" src="saisyuu.js"></script>
<link rel="stylesheet" type="text/css" href="saisyuu.css">
</head>

<body>
<h1>ウォーキング計測<span id="title"></span></h1>
<p>体重を入力すると、大体の消費カロリーを割り出します。</p>

<p>
<label>体重:<input type="number" id="mytext" value="0">kg</label>
<button id="checkButton" type="button" class="zoom">送信</button>
</p>
<p><span id="msg"></span></p>



<h2>現在の速度:<span id="innerHTMLtxt">測定して下さい。</span></h2>
<!-- <h2>最高速度:<span id="innerHTMLtxt23">測定して下さい。</span></h2> -->
<h2>計測結果</h2>
<h3>最高速度:<span id="innerHTMLtxt_maximum_speed">結果の表示ボタンを押して下さい。</span></h3>
<h3>移動距離:<span id="innerHTMLtxt_total_distance">結果の表示ボタンを押して下さい。</span></h3>
<h3>消費カロリー:<span id="innerHTMLtxt4">結果の表示ボタンを押して下さい。</span></h3>

<p>
<button id="start" type="button" class="zoom">計測開始</button>
<button id="stop" type="button" class="zoom">計測終了</button>
<button id="result" type="button" class="zoom">結果の表示</button>
<a href="../src/saisyuu.js">src</a>
</p>
<div id="gpsmap"></div>

<!-- #mymap であるdivを配置したあとで -->
<script type="text/javascript" src="saisyuu.js" charset="utf-8"></script>
</body>
</html>