Skip to content

WebNinjaDeveloper.com

Programming Tutorials




Menu
  • Home
  • Youtube Channel
  • PDF Invoice Generator
Menu

Node.js Express Github OAuth2 Project to Login With Github Using Access Token & Sessions in Browser

Posted on June 6, 2023

    Welcome folks today in this blog post we will be building the github login in node.js and express using oauth2 and then getting the accessToken inside the sessions in browser…

PHP 7 OAuth2 Google Login & Logout Script to Store User in MySQL Database and Display in Browser

Posted on June 5, 2023

      Welcome folks today in this blog post we will be using php and mysql database to integrate google oauth2 login in browser and display the details in browser. All…

Python 3 Flask Project to Export Multiple PDF Documents to Word Docx Files Using pdf2docx Library in Browser

Posted on May 24, 2023

  Welcome folks today in this blog post we will be using the pdf2docx library inside the flask application to bulk process the pdf documents to docx files in browser using python….

Build a Fixed Deposit Interest Calculator Using Amount and Time in Browser Using HTML5 & Javascript

Posted on May 24, 2023

    index.html    

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
  <head>
    <title>Fixed Deposit Calculator</title>
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    />
  </head>
  <body>
    <div class="container">
      <h1 class="mt-4">Fixed Deposit Calculator</h1>
      <form id="fdCalculatorForm">
        <div class="form-group">
          <label for="principal">Principal Amount (INR):</label>
          <input type="number" class="form-control" id="principal" required />
        </div>
        <div class="form-group">
          <label for="interestRate">Interest Rate (%):</label>
          <input type="text" class="form-control" id="interestRate" required />
        </div>
        <div class="form-group">
          <label for="duration">Duration (Years):</label>
          <input type="number" class="form-control" id="duration" required />
        </div>
        <button type="submit" class="btn btn-primary">Calculate</button>
      </form>
      <div id="result" class="mt-4"></div>
    </div>
 
    <script>
      document
        .getElementById("fdCalculatorForm")
        .addEventListener("submit", function (event) {
          event.preventDefault();
 
          // Get user inputs
          const principal = parseFloat(
            document.getElementById("principal").value
          );
          const interestRate = parseFloat(
            document.getElementById("interestRate").value
          );
          const duration = parseFloat(
            document.getElementById("duration").value
          );
 
          // Calculate interest
          const interest = (principal * interestRate * duration) / 100;
 
          // Calculate total amount
          const totalAmount = principal + interest;
 
          // Display result
          document.getElementById("result").innerHTML = `
    <div class="alert alert-success">
      Interest: ${interest.toFixed(2)} INR<br>
      Total Amount: ${totalAmount.toFixed(2)} INR
    </div>
  `;
        });
    </script>
  </body>
</html>

    As you can see we have three fields where the user can enter the amount and time in years and also we can enter…

Python 3 Script to Convert PDF Document to Microsoft Word DOCX File Using pdf2docx Library

Posted on May 24, 2023

    Welcome folks today in this blog post we will be using the pdf2docx library to export the pdf document into microsoft word docx file in python. All the full source…

Node.js Express Project to Remove Background of Images Using Rembg & Formidable Library in Browser

Posted on May 19, 2023

    Welcome folks today in this blog post we will be removing background of images using rembg and formidable library in browser using javascript. All the full source code of the…

Node.js Tutorial to Remove Background From Image Using Rembg & Sharp Library in Command Line

Posted on May 19, 2023

    Welcome folks today in this blog post we will be using the sharp and rembg library to remove background from image in command line using node.js. All the full source…

Python 3 Flask Project to Remove Background of Multiple Images Using Rembg Library in Browser

Posted on May 18, 2023

    Welcome folks today in this blog post we will be using the flask web framework to remove background of multiple images using the rembg library. All the full source code…

Python 3 Rembg Library Script to Bulk Process Multiple Images and Remove Background in Command Line

Posted on May 18, 2023

    To bulk remove the background of all images stored in an input directory using the rembg library in Python 3 and save the output images in an output directory, you…

Python 3 Rembg Library Script to Remove Background From Image in Command Line

Posted on May 18, 2023

    Welcome folks today in this blog post we will be using the rembg library to remove the background from the image in python. All the full source code of the…

Posts navigation

1 2 … 75 Next

Recent Posts

  • Node.js Express Github OAuth2 Project to Login With Github Using Access Token & Sessions in Browser
  • PHP 7 OAuth2 Google Login & Logout Script to Store User in MySQL Database and Display in Browser
  • Python 3 Flask Project to Export Multiple PDF Documents to Word Docx Files Using pdf2docx Library in Browser
  • Build a Fixed Deposit Interest Calculator Using Amount and Time in Browser Using HTML5 & Javascript
  • Python 3 Script to Convert PDF Document to Microsoft Word DOCX File Using pdf2docx Library
  • Angular
  • Bunjs
  • C#
  • Deno
  • django
  • Electronjs
  • java
  • javascript
  • Koajs
  • kotlin
  • Laravel
  • meteorjs
  • Nestjs
  • Nextjs
  • Nodejs
  • PHP
  • Python
  • React
  • ReactNative
  • Svelte
  • Tutorials
  • Vuejs




©2023 WebNinjaDeveloper.com | Design: Newspaperly WordPress Theme