Find Roots and Logs - Instant Number Operations using JavaScript

-

 



Let's start with a working Tool first. You can enter a Value in the Number Field for instant calculation of the Square, Cube, Square Root, Cube Root, Log, Log2 and Log10 of the Number. All in one Calculation!

If you have noticed, as soon as you start writing a number in the Input field, the values start calculating. How does that Happen? Its the magic of JavaScript!

Try out the Tool below:


Number
   
Square
Cube
Square Root
Cube Root
Log
Log 2
Log 10


Now, do you want to create a tool like this of your own? Great!

We've utilized very simple mathematical functions supported by JavaScript and a custom function to call these. 

<input id="inputNumber" onchange="rootsAndLogs(this.value)" oninput="rootsAndLogs(this.value)" type="number" />

If you noticed, onchange and oninput are calling the function and we are passing the value of the input field to the function. Any change or input will instantly call the function we have written.

Check out the function below:

/**
 * Function to calculate Roots and Logs and update back to display
 * @author computengine.com
 */
function rootsAndLogs(valNum) {
	valNum = parseFloat(valNum);
	var sqrNum = document.getElementById("sqr");
	var cubeNum = document.getElementById("cube");
	var sqrtNum = document.getElementById("sqrt");
	var cbrtNum = document.getElementById("cbrt");
	var logNum = document.getElementById("log");
	var log2Num = document.getElementById("log2");
	var log10Num = document.getElementById("log10");

	sqrNum.value = Math.pow(valNum,2);
	cubeNum.value = Math.pow(valNum,3);
	sqrtNum.value = Math.sqrt(valNum);
	cbrtNum.value = Math.cbrt(valNum);
	logNum.value = Math.log(valNum);
	log2Num.value = Math.log2(valNum);
	log10Num.value = Math.log10(valNum);
}

What are we doing here? We are assigning a variable to each element which we have given an ID in the input box. And then, we'll update the value of the variable as per the calculation. 

Math.pow, Math.sqrt, Math.cbrt, Math.log, Math.log2 and Math.log10 are all inbuilt functions of JavaScript. You can directly call them for your own calculations. 

And because we are calling our custom function on onchange and onintput events, any update we make to the Input field will call all these functions and instantly update all the calculations. Cool isn't it!

Go Ahead, build your own cool tools webpage with the small little JavaScript and HTML trick we just showed you!  

Thanks for Reading the Article. If you have reached this far, we hope that the article was useful to you! Please Like/Share/Follow us on Facebook, Twitter, Tumblr.

Comments

Post a Comment

Popular posts from this blog

Calculate Your CTC Salary Hike Percentage - Online Calculator to find your New Salary

-
Image
  Did you receive a Salary Hike? Congratulations!  Using this CTC Hike Percentage calculator you can calculate: Percentage Hike Received New Expected Salary Old Salary (yes, you already know it! But if you want to compare, we've included that feature as well!) Receiving a Salary Hike is a really happy occasion. It means that your work is valued in your organization and the organization is willing to invest in you and your career growth. But as any human being, you are interested in exactly how much you have received. Most organizations provide either a lump sum amount in the hike letter or mention a percentage. Employees are left wondering that if I have received a certain amount of hike, what exactly is the percentage when compared to my old or previous salary. In the same way, if percentage is mentioned, then the employee is left wondering what will be my new salary.  So, we have a very simple solution for y...
Read more

Find the Longest Streak of 1's in a Binary Array using Java Code

-
Image
  You have been given an Integer Array which contains only 1s and 0s, and asked to find the longest running streak of 0 or 1 in the array. Sound familiar? Its a common interview question. Let's try to find a solution using Java.  We would required two counters here, 1 counter to keep track of the running count, and the second one to keep track of the maximum running streak found.  We'll loop through the array using a for loop.  Here is the code for your reference: /**  * Find the longest Streak of 1s  * @author computengine.com  * @param a  * @return the length of the longest streak  */ public int findLongestStreak ( int [ ] b ) { System . out . println ( " Array for processing: " + Arrays . toString ( b ) ) ; int count = 0 , max = 0 ; //loop through the array for ( int i = 0 ; i < b . length ; i + + ) { //increment count when 1 is found if ( b [ i ] = = 1 ) count + = 1 ; //if count is greater...
Read more

Java Program to read Excel File and Load into Array

-
Image
Excel is one of the most important productivity tools used in offices. It is also a great organizational tool, and its really easy to create tables in excel to store different kinds of data.  When doing automation, excel is an important tool to store data for automation scripts, which makes reading Excel data using Java code an important Interview Question. So, today we'll learn how to read an excel sheet using Java, and return the contents as a String Array. The Array can then be utilized as per your requirement.  We are reading an xlsx file, the most recent and most popular excel format. We need to import the below classes: import java . io . File ; import java . io . FileInputStream ; import org . apache . poi . xssf . usermodel . XSSFCell ; import org . apache . poi . xssf . usermodel . XSSFRow ; import org . apache . poi . xssf . usermodel . XSSFSheet ; import org . apache . poi . xssf . usermodel . XSSFWorkbook ; java.io.File and java.io.FileInputStream will ...
Read more

Java Program to Read a Properties file and return a Property Value

-
Image
  Properties file in Java is used to store configurations, data or settings for a project. They have been utilized as Object Repositories for Automation Projects in the past (and still are used in legacy projects) until the Page Object Model came along.  This makes reading of Properties files an important concept in Java. This Tutorial will cover the below topics: 1. Create  Properties file in a Java Project 2. Set Properties in the file 3. Read the Properties file using Java code and return the value Let's first see how to create a Properties file for your Project. Its really easy.  In Eclipse, right click on the folder where you want to create the file, and navigate to New -> File. Now enter the file name, and make sure to enter the extension as .properties The file has been created! Now, the next step, i.e. enter some data in the file that we'll read using Java. The properties stored in the properties file have to follow a certain format.  You can enter l...
Read more

4 ways to add New Line Character to a String in Java

-
Image
When you are required to output Strings with your Java code, more often than not, there is a requirement to format the output correctly.  Adding a newline character between two strings in order to separate them, or create a paragraph is one of the most common requirements. Let's look at a few ways today, on how to output a newline between two Strings. 1. System.out.println inbuilt function One of the easiest ways, is to use the function System.out.println(). The println() function will automatically add a new line to the output, if using two strings.  Sample: String s1 = "This is a String." ; String s2 = "This is another String." ; System . out . println ( s1 ) ; System . out . println ( s2 ) ; If you don't want to use a separate System.out.println for every String, there are other ways as well. Read on! 2. Add a newline character "\n" You can simply append newline character yourself to the strings, and use a single System.out.print command...
Read more