programacion-web
Version:
validacion-formularios
38 lines (36 loc) • 1.45 kB
HTML
<html lang="en">
<head>
<title>Multiplicación</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/javascript2.1.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/javascript2.1.js"></script>
<body>
<div class="container mt-3 contenedor-formulario">
<h1 class="text-center mb-4">Calculadora de Multiplicación</h1>
<form>
<div class="row">
<div class="col">
<input type="text" id="numero1" class="form-control" placeholder="Ingresa el primer número">
</div>
<div class="col">
<input type="text" id="numero2" class="form-control" placeholder="Ingresa el segundo número">
</div>
</div>
</form>
<div class="row mt-3">
<div class="col">
<input type="text" id="resultado" class="form-control" placeholder="El resultado aparecerá aquí" readonly>
</div>
</div>
<div id="alerta" class="alert alert-danger d-none" role="alert">
Solo se permiten dígitos con o sin decimales del (0-9). No ingreses letras.
</div>
<button type="button" onclick="multiplicar()" class="btn btn-primary mt-2">Multiplicar</button>
</head>
</div>
</body>
</html>