Programacion

<HTML>
<HEAD>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
	<title>Grados sexagesimales</title>
	<style>
	label {
		color: white;
		font-size: 28px;
		text-shadow: 7px 4px 5px black;
	}
	
	#resultado{
		color: white;
		font-size: 42px;
	}

.texto { 
		width: 180px; 
		height: 35px;
		font-size: 20px;
		background: #f5f3c2; 
		border-radius: .3em;
	}
	
	.btn {
	  border: none; 
	  color: white; 
	  padding: 14px 140px;
	  border-radius: 5px; 
	}

.success {background-color: #04AA6D;} 
	.success:hover {background-color: #46a049;}
	
	</style>
	<script>
	function calcular(){
		var decimal = document.getElementById("valor").value;
		var grados, minutos, segundos, residuos;
		
		grados=parseFloat(decimal);
		residuos = grados % 1;
		minutos = residuos * 60;
		residuos = minutos % 1;
		segundos = residuos * 60;
		
		grados = Math.trunc(grados);
		minutos = Math.trunc(minutos);
		segundos = segundos.toFixed(2);
		
		document.getElementById("resultado").innerHTML = 
		"Grados, minutos, segundos : <br>" +
		grados + "° " + minutos + "\' " + segundos	+ "\" ";
	}
	</script>
</HEAD>
<BODY BGCOLOR="#3c2d30"	ALIGN="center">
	<label><u>Conversor decimal a grados sexagesimales</u><label>
	<br>
	<br>
	Valor decimal = 
	<input type="text" id="valor" value="-16.51834" class="texto">
	<br><br>
	<input type="button" value="Convertir decimal a sexagesimal" onClick="calcular()" class="btn success">
	<br><br><br><br>
	<div id="resultado">
		Grados, minutos, segundos :
		<br>
		-16° -31' -6.02"
	</div>
</BODY>
</HTML>

Descargar archivo