Active Pedometer / Widget and having it shown on a page / clock face

then attempted just the edit the widget.js file and upload to storage

It's a shame you hit trouble there - that should have been quite straightforward. If a 24px high font is ok for you then that'd definitely be a nice easy solution (we could always make the size configurable).

I wonder if all I would need to do is create a getTodaysSteps() function in the widget

Ahh - yes, that would be really easy. If you just change:

WIDGETS["wpedom"]={area:"tl",width:26,draw:draw,reload:reload};
// to
WIDGETS["wpedom"]={area:"tl",width:26,draw:draw,reload:reload,getSteps:()=>stp_today};

In the pedometer widget at https://github.com/espruino/BangleApps/blob/master/apps/widpedom/widget.js then you'd be sorted, and you could easily access the step count from WIDGETS["wpedom"].getSteps()

I'm very happy to add that if you want?