Power Conversion Caculator

<style>
.container {
max-width: 400px;
margin: 0 auto;
font-family: Arial, sans-serif;
}
label {
display: block;
margin: 10px 0 5px;
}
input, select, button {
width: 100%;
padding: 10px;
margin: 5px 0;
}
.result {
font-weight: bold;
margin-top: 20px;
}
</style>

<div class=”container”>
<h1>Power Conversion Calculator</h1>
<label for=”inputPower”>Enter Power:</label>
<input type=”number” id=”inputPower” placeholder=”Enter value” />

<label for=”inputUnit”>From:</label>
<select id=”inputUnit”>
<option value=”watt”>Watts (W)</option>
<option value=”dbm”>dBm</option>
</select>

<label for=”outputUnit”>To:</label>
<select id=”outputUnit”>
<option value=”watt”>Watts (W)</option>
<option value=”dbm”>dBm</option>
</select>

<button onclick=”convertPower()”>Convert</button>

<div class=”result” id=”result”></div>
</div>