Puck Lite GetBattery error

Posted on Sat 11th, February 2023

• #1

user153457

Hi there, this simple code gives me a

Puck.getBatteryPercentage is not a function
at SVGPathElement.<anonymous> (pucktest.html:47:22)

should it not just work in the web as in the console?

<html>
 <head>
   <style>
     body { margin:0;  }
     svg {
       display:block; position:absolute;
       top:0%; left:0%; width:100%; height:100%;
     }
   </style>    
 </head>
 <body>
  <div>
  <svg viewBox="0 0 24 24">
    <path fill="#000000" d="M12,2A7,7 0 0,0 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H15A1,1 0 0,0 16,17V14.74C17.81,13.47 19,11.38 19,9A7,7 0 0,0 12,2M9,21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9V21Z" />
  </svg>
  </div>
  <div>
  <button id="btn-stat">Get Status</button>
  </div>
  <script src="https://www.puck-js.com/puck.js"></script>
  <script type="text/javascript">
    // Get the actual curve inside the SVG. You could make differemt
    // parts of a more complex SVG do different things...
    var path = document.getElementsByTagName('path')[0];
    var sync = document.getElementById('btn-stat');
 
    // Make sure your mouse cursor turns into a hand when over it, and gray it out
    path.style="cursor:pointer;fill:#BBB";
    // the possible states we could be in
    var state = 0;
    var states = [
      { color : "#444", command : "digitalWrite([LED1],0);\n" },
      { color : "red", command : "digitalWrite([LED1],1);\n" },
      { color : "green", command : "digitalWrite([LED1],2);\n" },
      { color : "blue", command : "digitalWrite([LED1],4);\n" },
    ];


    // Now send commands to turn the LED on or off
    path.addEventListener("click", function() {
      state++;
      if (state>=states.length)
        state=0;
      path.style.fill=states[state].color;
      Puck.write(states[state].command);

      var bat = Puck.getBatteryPercentage();

    });
  </script>
</body>
</html>

• #2

Gordon
Hi,

Sorry for the delay. The issue is you're running that command in the web browser, and not on the Puck itself.

For instance to set the LED you do Puck.write("digitalWrite(LED1,1);\n"); not just digitalWrite(LED1,1);

So what you need is:
```
Puck.eval("Puck.getBatteryPercentage()", function(value) {
  console.log(value);
});
```

Post a reply
- Bold
- Italics
- Link
- Image
- List
- Quote
- code
- Preview
Formatting Help

Don't worry about formatting, just type in the text and we'll take care of making sense of it. We will auto-convert links, and if you put asterisks around words we will make them bold.

Tips:

Create headers by underlining text with ==== or ----

To *italicise* text put one asterisk each side of the word

To **bold** text put two asterisks each side of the word

Embed images by entering:
![](https://www.google.co.uk/images/srpr/logo4w.png)
That's the hard one: exclamation, square brackets and then the URL to the image in brackets.

* Create lists by starting lines with asterisks

1. Create numbered lists by starting lines with a number and a dot

> Quote text by starting lines with >

Mention another user by @username

For syntax highlighting, surround the code block with three backticks:

```
Your code goes here
```
Just like Github, a blank line must precede a code block.

If you upload more than 5 files we will display all attachments as thumbnails.

For a full reference visit the Markdown syntax.

Puck Lite GetBattery error

About

Puck Lite GetBattery error

Actions

Puck Lite GetBattery error

Formatting Help

About

Puck Lite GetBattery error

Actions

Espruino