You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Traineeship</title> <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" /> <script src="./C++/test.js"></script> <script src="index.js" defer></script> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="p-4"> <h1 class="mb-4">Square calculator</h1> <input id="numberInput" class="form-control" type="number" placeholder="Enter a number" />
<button id="calculateBtn" class="btn btn-primary mt-3" onClick="calculateResult()" > Calculate square </button> </div> </div> <div class="col-sm-6"> <div class="p-4"> <h1 class="mb-4">Output</h1> <div id="output" class="form-control"></div> </div> </div> </div> </div>
<div class="container"> <div class="row"> <div class="col-sm-6"> <div class="p-4"> <h1>Sum calculator</h1> <input type="number" class="form-control mb-1" id="input1" placeholder="Enter first number" /> <input type="number" class="form-control" id="input2" placeholder="Enter second number" /> <button onclick="calculate()" class="btn btn-primary mt-3"> Calculate Sum </button> </div> </div> <div class="col-sm-6"> <div class="p-4"> <h1 class="mb-4">Output</h1> <div id="result" class="form-control"></div> </div> </div> </div> </div> <div class="container"> <h1>Checkbox Container</h1> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="checkbox1" /> <label class="form-check-label" for="checkbox1"> Checkbox 1 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="checkbox2" /> <label class="form-check-label" for="checkbox2"> Checkbox 2 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="checkbox3" /> <label class="form-check-label" for="checkbox3"> Checkbox 3 </label> </div> </div> </div> <div class="col-sm-4"> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="checkbox4" /> <label class="form-check-label" for="checkbox4"> Checkbox 4 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="checkbox5" /> <label class="form-check-label" for="checkbox5"> Checkbox 5 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="checkbox6" /> <label class="form-check-label" for="checkbox6"> Checkbox 6 </label> </div> </div> </div> </div> </div> </body></html>
|
