Skip to main content
SimilarExport ZIP
100%

calculator

✓ Published0🌍 Public
SSreenivasulu
Last edited Feb 6, 2022
Created on Feb 6, 2022
Forked from Hello VizHub

This interactive simple interest calculator uses a standard web form to compute interest based on principal amount, time in years, and interest rate. Users enter three numeric values into separate input fields and trigger the calculation via an HTML button that calls the `calculate()` function. The JavaScript code retrieves the input values using `document.getElementById()`, applies the formula `(principal*time*rate)/100`, and displays the output in a designated heading element. A reset button reloads the page to clear all values. The interface is styled with custom CSS, using absolute positioning and border styling for a clean, basic layout.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Basic Calculator Practice JS

This example shows a minimal web-based calculator that performs addition, subtraction, division, and multiplication on two fixed numbers (8 and 2). The interface displays those operands alongside four operation buttons and a result area. JavaScript event handlers assigned via inline `onclick` attributes in the HTML call the corresponding functions, which directly update the text content of the `sum-el` element. The demo relies on raw DOM manipulation through `document.getElementById` and `textContent`, with styling provided by plain CSS.

GGayan Priyadarshana
63% match
Loading thumbnail…

Calculator App

This interactive calculator application, built with React and styled using Tailwind CSS, showcases a standard arithmetic interface with functions for addition, subtraction, multiplication, division, percentages, and sign toggling. The code manages state through React's `useState` hook, tracking the current display value, previous operand, and selected operation. It handles user input through event handlers and formats long results using exponential notation or decimal rounding to prevent display overflow.

CCurran Kelleher
62% match
Loading thumbnail…

Online Form

This interactive form displays a booking interface with fields for a user’s first and last name, a "book now" submit button, and an additional total amount text box. The page shows a live date/time in a header and uses JavaScript’s `Date` object to hide the booking button if the current date matches a hard-coded date (October 23, 2021). A separate script tracks clicks on the "book now" button via a counter and displays the accumulated count in an alert dialog when a second submit button is pressed. The form logic relies on standard HTML input elements and embedded JavaScript functions (`checkEdu()` and `display_count()`), with styling applied from an external `styles.css` file.

NNita
55% match
Loading thumbnail…

Untitled

This example demonstrates the use of vanilla JavaScript and CSS to handle basic user input and display dynamic text on a web page. It shows a prompt-based grade calculator that assigns letter grades (A through F) based on a numeric score, along with corresponding feedback messages, and also displays the current day of the week using a switch statement on `new Date().getDay()`. The page uses `document.write()` for output and a simple `style.css` file with a custom `g2` element style, though no React or specific data-visualization libraries are involved.

Wwoojinsong
54% match
Loading thumbnail…

计时器

This example presents a functional digital stopwatch interface built with React. It displays elapsed time in hours, minutes, seconds, and milliseconds within a text input field. Three buttons control the timer: start, stop, and reset. The implementation uses JavaScript's `setInterval` and `clearInterval` to update the display every 50 milliseconds, incrementing time values and handling carry-over between units. The interface is rendered as plain HTML elements with inline event handlers, showing a simple interactive time-tracking tool without external data sources.

Oocean1225
54% match
Loading thumbnail…

计时器

This example presents a functional digital stopwatch interface built with React. It displays elapsed time in hours, minutes, seconds, and milliseconds within a text input field. Three buttons control the timer: start, stop, and reset. The implementation uses JavaScript's `setInterval` and `clearInterval` to update the display every 50 milliseconds, incrementing time values and handling carry-over between units. The interface is rendered as plain HTML elements with inline event handlers, showing a simple interactive time-tracking tool without external data sources.

Oocean1225
54% match
Loading thumbnail…

Fork of Calculator App

This example shows a fully functional calculator application built with React and styled using Tailwind CSS. It supports basic arithmetic operations (addition, subtraction, multiplication, division), percentage calculation, sign toggling, decimal input, and clear/reset functionality. The interface displays the current value and operation history, with buttons that respond to clicks and update state via React’s `useState` hook. The app uses Tailwind’s utility classes and custom theme colors to create a clean, responsive grid-based layout.

Nnkarnika212227@gmail.com
54% match
Loading thumbnail…

ROI (Return on Investment) Calculator

This interactive real estate investment calculator evaluates property performance by computing monthly cash flow, cash-on-cash ROI, cap rate, and a 10-year projection of equity and cash flow. Users adjust purchase price, financing, income, and expenses in a React form, with D3.js rendering an animated SVG bar chart of the cash flow breakdown and a multi-line projection chart with hover tooltips. The visualizations use d3.scaleBand, d3.scaleLinear, d3.line, and ResizeObserver for responsive sizing.

NNita
54% match