Test duljine
<body class="p-3">
<div class="container">
<h1 class="text-center mb-4">Pretvorba mjernih jedinica</h1>
<!-- Zadatak 1 -->
<div class="mb-5">
<h3>1. Preračunaj s pomoću tablice.</h3>
<table class="table table-bordered text-center mb-3">
<thead>
<tr>
<th>m</th>
<th>dm</th>
<th>cm</th>
<th>mm</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
</tbody>
</table>
<div class="mb-2">7 cm = <input type="text" class="form-control d-inline-block w-auto"> mm</div>
<div class="mb-2">9 dm = <input type="text" class="form-control d-inline-block w-auto"> cm</div>
<div class="mb-2">3 m = <input type="text" class="form-control d-inline-block w-auto"> cm</div>
<div>2 m = <input type="text" class="form-control d-inline-block w-auto"> dm</div>
</div>
<!-- Zadatak 2 -->
<div class="mb-5">
<h3>2. Preračunaj s pomoću tablice.</h3>
<table class="table table-bordered text-center mb-3">
<thead>
<tr>
<th>m</th>
<th>dm</th>
<th>cm</th>
<th>mm</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
</tbody>
</table>
<div class="mb-2">30 cm = <input type="text" class="form-control d-inline-block w-auto"> dm</div>
<div class="mb-2">40 dm = <input type="text" class="form-control d-inline-block w-auto"> m</div>
<div class="mb-2">500 cm = <input type="text" class="form-control d-inline-block w-auto"> m</div>
<div>700 mm = <input type="text" class="form-control d-inline-block w-auto"> dm</div>
</div>
<!-- Zadatak 3 -->
<div class="mb-5">
<h3>3. Preračunaj u manju mjernu jedinicu.</h3>
<div class="mb-2">3 dm 5 cm = <input type="text" class="form-control d-inline-block w-auto"> cm</div>
<div class="mb-2">2 dm 7 cm = <input type="text" class="form-control d-inline-block w-auto"> cm</div>
<div class="mb-2">9 cm 4 mm = <input type="text" class="form-control d-inline-block w-auto"> mm</div>
<div class="mb-2">7 cm 3 mm = <input type="text" class="form-control d-inline-block w-auto"> mm</div>
<div class="mb-2">5 m 7 dm = <input type="text" class="form-control d-inline-block w-auto"> dm</div>
<div>1 m 9 dm = <input type="text" class="form-control d-inline-block w-auto"> dm</div>
</div>
<!-- Zadatak 4 -->
<div class="mb-5">
<h3>4. Preračunaj u veću mjernu jedinicu.</h3>
<div class="mb-2">96 mm = <input type="text" class="form-control d-inline-block w-auto"> cm</div>
<div class="mb-2">26 mm = <input type="text" class="form-control d-inline-block w-auto"> cm</div>
<div class="mb-2">34 cm = <input type="text" class="form-control d-inline-block w-auto"> dm</div>
<div>71 cm = <input type="text" class="form-control d-inline-block w-auto"> dm</div>
</div>
<!-- Zadatak 5 -->
<div>
<h3>5. Marko je skočio uvis 1 m i 24 cm. Ivan je skočio uvis 13 dm i 2 cm. Tko je skočio više?</h3>
<table class="table table-bordered text-center mb-3">
<thead>
<tr>
<th>m</th>
<th>dm</th>
<th>cm</th>
<th>mm</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
<tr>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
<td><input type="text" class="form-control"></td>
</tr>
</tbody>
</table>
<div class="mb-2">Usporedba: <input type="text" class="form-control d-inline-block w-auto"></div>
<div>Odgovor: <input type="text" class="form-control d-inline-block w-auto"></div>
</div>
</div>