<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$( "<div id='mytxt1'>Начальная сумма</div>" ).appendTo( "body" );
$( "<div id='mytxt2'>Процент</div>" ).appendTo( "body" );
$( "<input id='num1' type='input' value='1000'>" ).appendTo( "body" );
$( "<input id='num2' type='input' value='10'>" ).appendTo( "body" );
$( "<input id='myclick' type='button' value='cумма за год'>" ).appendTo( "body" );
$("#mytxt1").css({top:50, left: 0,position:'absolute'});
$("#mytxt2").css({top:150, left: 0,position:'absolute'});
$("#num1").css({top:100, left: 0,position:'absolute'});
$("#num2").css({top:200, left: 0,position:'absolute'});
$("#myclick").css({top:250, left: 0,position:'absolute'});
$("#myclick").click(function(){
let n1 = Number($("#num1").val());
let n2 = Number($("#num2").val());
let sum = n1 + n1*(n2/100);
alert("Сумма на счету за год "+sum)
});
});
</script>
</head>
<body>
</body>
</html>
|