Calculations/ live value for non brickforge output fields

How To
1

Hi Bricksforge community,

I have been playing around with a “range” input field Ive added to a Proform. Using this javascript I am displaying the value within an element…

window.addEventListener(‘DOMContentLoaded’, () => {
const size = document.querySelector(‘#size’);
const outputWidth = document.querySelector(‘.width-output’);

const updateOutput = () => {
const width = parseFloat(size?.value || 0);
if (outputWidth) outputWidth.textContent = width.toFixed(2);
};

if (size) {
size.addEventListener(‘input’, updateOutput);
}

// Initial render
updateOutput();
});

Would be really interested to hear anyones views, how best to take these output values and use within a bricksforge calculations/ live value field. For example would it be good to use a custom dynamic tag..?

looking forward to hearing your thoughts and wisdom…