Programación CSSHTML

De acuerdo con los requisitos de la pregunta, el programa HTML para calcular la tasa de interés es el siguiente

Se requiere que se coloquen el archivo composite-interest.css, el archivo composite-interest.js y el archivo composite-interest.html en la misma carpeta.

El siguiente es el archivo de interés compuesto.html.

<! DOCTYPE html & gt

& lthtml & gt

& lthead & gt

& ltscript src = " libra-interés . CSS "/& gt;

& ltscript src = " interés compuesto . js " & gt;& lt/script & gt;

& lt/head & gt;

& ltbody & gt

Autor: Mike & ltbr/>;

ID del estudiante: 12345678d & ltbr/>; p><tr><td>Depósito inicial:</TD>

<td><input type = " text " id = " depósito "/& gt;& lt/TD & gt;& lt/tr & gt;

& lttr & gt& lttd & gtTasa de interés anual:& lt/TD & gt;

& lttd & gt& ltinput type = " text " id = " rate "/& gt；% & lt/TD & gt;& lt/tr & gt;

& lttr & gt& lttd & gtAños de crecimiento:& lt/TD & gt;

& lttd & gt& ltinput type = " text " id = " años "/& gt; & lt/TD & gt; & lt/tr & gt ;

& lttr & gt& lttd colspan = 2 & gt& ampnbsp& lt/TD & gt;& lt/ tr & gt;

& lttr & gt& lttd colspan = 2 & gt& ltinput type = " botón " id = " Calcular " valor = " Calcular " & gt;

& lt/ TD & gt;& lt/tr & gt;

& lttr & gt& lttd colspan = 2 & gt& ampnbsp& lt/TD & gt；& lt/tr & gt;

& lt/table & gt;

& lttable border = " 1px " id = " disTab " style = " display:none " >& lt/table & gt;

& lt/ body & gt;

& lt/html & gt;

El siguiente es el archivo composite-interest.css.

h 1 {Color: azul;}

El siguiente es el archivo composite-interest.js.

$(documentación). listo(función(){

$("#calcular ").

click(function(){

if(parseFloat($("#deposit ").val())<0){

alert("El depósito no puede ser negativo ") ;

$(" #Deposit"). focus();

devuelve falso

}

if(parseFloat( $( "#rate "). val())<0){

alert("la tasa no puede ser negativa");

$("#rate "). ;

Devuelve falso

}

if(parseInt($("#años ").val())<0){

alert("El año no puede ser negativo");

$(" #año"

Devuelve falso

}

var deposit = parse float($(" # deposit ").val());

var rate=parseFloat($("#rate ").val ());

var años=parseInt($("#años ").val());

var str = $(" & lt; tr & gt& lt/ tr >;).appendTo( $(" # disTab "));

str .append("<th>Año</th><th>Valor inicial& lt/th >);

str . append("<th>Interés ganado<./th><th>Valor final</th>);

var inicio = depósito

var ganado, fin

for(var I = 1; i<=año;i++){

Ganado = inicio*tasa/100;

Fin=inicio+ganado;

str = $(" & lt; tr & gt& lt/tr > ;).appendTo($(" # disTab "));

str .append("<TD>+I+"</TD><TD>+start. a fijo(2)+" & lt;/TD >);

str . append(" & lt; TD >+ganado . a fijo(2)+" & lt;/TD & gt; <TD>+fin . a fijo(2)+"</TD>);

start=end;

}

$("#disTab "). mostrar();

});

});