Get a sensor value

In this lesson we will learn how to get the Potention Meter's angle from the web.

Connect

Potention Meter is a part that changes its resistor value according to its angle or position.
obniz can read the resistor value by using AD.

As obniz has Potentiometer, let's use this for programming.

Connect the three cables of the Potention Meter to obniz io 0, 1, 2.
See the image below.

Let's show the angle on HTML when the angle changes. The steps are:

  1. Get the changed angle of the Potention Meter
  2. Show the angle as text on HTML

First, create a meter object.

var meter = obniz.wired("Potentiometer", {pin0:0, pin1:1, pin2:2});

And add a function that will be called when the meter's angle changes.

meter.onchange =function(position) {

};

The variable "position" has a position value.
Its value is set between 0 and 1. So, 0.5 means it is half way turned.

Add DOM

Let's add div in the body to print the position.
Add the code below to the top of your code.

<div id="print"></div>

Now we can print a string onto this when the meter gets turned.
By using jQuery, texts can be set as below.

$("#print").text("Hello")

Now the code has been prepared. This way, you can set the content of the id "print" to "Hello".
Below is the full code.

<!-- HTML Example -->
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
  <script src="https://unpkg.com/obniz@2.4.0/obniz.js"></script>
</head>
<body>

<div id="obniz-debug"></div>
<h1>PotensionMeter</h1>
<div id="print"></div>

<script>
var obniz = new Obniz("OBNIZ_ID_HERE");
obniz.onconnect = async function () {
  var meter = obniz.wired("Potentiometer", {pin0:0, pin1:1, pin2:2});
  meter.onchange =function(position) {
   $("#print").text("Angle = "+position*180);
  };
}
</script>
</body>
</html>

Copy/paste this code to the program page, change the obniz id and run the program.
How did it go? I believe the letters on the page changed as the meter's angle changed.



Next : Dial controls servo

You will Get in Few Days

Circuit for Starter “obniz Board” is available on Amazon and other online stores.
You can get it at below

Our products and resellers

Forum

Visit our developer’s forum to discuss and discover technologies.

Forum

Contact

Feel free to contact out support and technical team.

Contact us