how to use this script?

hi, im tryng to make this script in my custom sheet on https with jscript, but nothing happens, what i can do? <div>     <span>         <select style="margin-bottom:0px" class="W-100 text-box text-low-2 text-center" name="attr_nivel" id="nivel" onchange="atualizarXpTotal()">             <option value="1,0,100">1</option>             <option value="2,100,200">2</option>             <option value="3,300,300">3</option>             <option value="4,600,400">4</option>             <option value="5,1000,600">5</option>             <option value="6,1600,800">6</option>             <option value="7,2400,1200">7</option>             <option value="8,3600,1500">8</option>             <option value="9,5100,2000">9</option>             <option value="10,7100,3000">10</option>         </select>     </span>     <span style="display:inline-block; margin-bottom:0px" class="W-100 text-bold text-normal text-center text-left"> Xp Total</span>     <input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xptotal" id="xptotal" disabled="disabled"/> </div> <script>     function atualizarXpTotal() {         var nivelSelect = document.getElementById("nivel");         var xptotalInput = document.getElementById("xptotal");         var nivelSelecionado = nivelSelect.value;         var valores = nivelSelecionado.split(",");         var xpTotal = valores[1];         // Atualizar o valor do campo "attr_xptotal"         xptotalInput.value = xpTotal;     } </script

Hi John M. roll20 sheets are not like working with general webpages.&nbsp; There are many things (specifically anything DOM related) that will not work in roll20.&nbsp; <a href="https://wiki.roll20.net/Sheet_Worker_Scripts" rel="nofollow">https://wiki.roll20.net/Sheet_Worker_Scripts</a> All js must be embedded within &lt;script type="text/worker"&gt; to function.&nbsp; You will need to use on(change) events to trigger workers, getAttrs to grab attribute data and setAttrs to write attribute data.&nbsp; If you would like to learn more or better examples than what's on the wiki, I would highly recommend this site: <a href="https://cybersphere.me/sheet-workers-automating-the-sheet/" rel="nofollow">https://cybersphere.me/sheet-workers-automating-the-sheet/</a> (created by a pillar in the roll20 community. GiGs ) see if this works (untested, but it should get you started); &lt;script type="text/worker"&gt; on('change:nivel', () =&gt; { getAttrs(['nivel'], (v) =&gt; { const output = {}; const nivelSelect = +v.nivel; const nivelSelecionado = nivelSelect; const valores = nivelSelecionado.split(','); const xpTotal = valores[1]; // Atualizar o valor do campo "attr_xptotal" output.xptotalInput = xpTotal; setAttrs(output, {silent: true}); }); }); &lt;/script&gt; Also, you should change the disabled input to readonly. &lt;input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xptotal" id="xptotal" disabled="disabled"/&gt; to &lt;input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xptotal" id="xptotal" readonly /&gt; Workers can have a problem writing to a disabled field. <a href="https://cybersphere.me/the-disabled-attribute/" rel="nofollow">https://cybersphere.me/the-disabled-attribute/</a> Cheers

vÍnce said: Hi John M. roll20 sheets are not like working with general webpages.&nbsp; There are many things (specifically anything DOM related) that will not work in roll20.&nbsp; <a href="https://wiki.roll20.net/Sheet_Worker_Scripts" rel="nofollow">https://wiki.roll20.net/Sheet_Worker_Scripts</a> All js must be embedded within &lt;script type="text/worker"&gt; to function.&nbsp; You will need to use on(change) events to trigger workers, getAttrs to grab attribute data and setAttrs to write attribute data.&nbsp; If you would like to learn more or better examples than what's on the wiki, I would highly recommend this site: <a href="https://cybersphere.me/sheet-workers-automating-the-sheet/" rel="nofollow">https://cybersphere.me/sheet-workers-automating-the-sheet/</a> (created by a pillar in the roll20 community. GiGs ) see if this works (untested, but it should get you started); &lt;script type="text/worker"&gt; on('change:nivel', () =&gt; { getAttrs(['nivel'], (v) =&gt; { const output = {}; const nivelSelect = +v.nivel; const nivelSelecionado = nivelSelect; const valores = nivelSelecionado.split(','); const xpTotal = valores[1]; // Atualizar o valor do campo "attr_xptotal" output.xptotalInput = xpTotal; setAttrs(output, {silent: true}); }); }); &lt;/script&gt; Also, you should change the disabled input to readonly. &lt;input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xptotal" id="xptotal" disabled="disabled"/&gt; to &lt;input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xptotal" id="xptotal" readonly /&gt; Workers can have a problem writing to a disabled field. <a href="https://cybersphere.me/the-disabled-attribute/" rel="nofollow">https://cybersphere.me/the-disabled-attribute/</a> Cheers Good evening Vínce, thank you very much for your help. I had to spend some time testing and refining until it really worked. The code ended up like this: &lt;span style="display:inline-block; margin-bottom:0px" class="W-100 text-bold text-normal text-center text-left"&gt; Nivel&lt;/span&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;span&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;select style="margin-bottom:0px" class="W-100 text-box text-low-2 text-center" name="attr_nivel" id="nivel"&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="1,0,100"&gt;1&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="2,100,200"&gt;2&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="3,300,300"&gt;3&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="4,600,400"&gt;4&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="5,1000,600"&gt;5&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="6,1600,800"&gt;6&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="7,2400,1200"&gt;7&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="8,3600,1500"&gt;8&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="9,5100,2000"&gt;9&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;option value="10,7100,3000"&gt;10&lt;/option&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/select&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/span&gt;&lt;br&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;span style="display:inline-block; margin-bottom:0px" class="W-100 text-bold text-normal text-center text-left"&gt; Xp Atual&lt;/span&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xp" id="xp" value="0"/&gt;&lt;br&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;span style="display:inline-block; margin-bottom:0px" class="W-100 text-bold text-normal text-center text-left"&gt; Xp Necessario&lt;/span&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input class="W-100 text-box text-low-2 text-center text-bold" name="attr_xpnecessario" id="xpnecessario" readonly /&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;span style="display:inline-block; margin-bottom:0px" class="W-100 text-bold text-normal text-center text-left"&gt; Xp Total&lt;/span&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input class="W-100 text-box text-low-2 text-center text-bold" name="attr_xptotal" id="xptotal" readonly /&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;script type="text/worker"&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; on('change:nivel change:xp', (event) =&gt; { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; console.log('Teste: 1'); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; getAttrs(['nivel', 'xp'], (v) =&gt; { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; console.log('Teste: 2'); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; const output = {}; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; console.log('v.nivel:', v.nivel); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; const nivelValue = +v.nivel || 0; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; const xpAtual = +v.xp || 0; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; const valores = v.nivel.split(',').map(str =&gt; str.trim()); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; if (valores.length === 3) { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; const xpTotal = valores[1]; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; const xpNecessario = valores[2]; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; console.log('xpTotal:', xpTotal); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; console.log('xpNecessario:', xpNecessario); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // Atualizar o valor do campo "attr_xptotal" &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; output.xptotal = (parseInt(xpTotal) + xpAtual).toString(); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // Atualizar o valor do campo "attr_xpnecessario" &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; output.xpnecessario = (parseInt(xpNecessario) - xpAtual).toString(); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; setAttrs(output, () =&gt; { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; console.log('Campos xptotal, xpnecessario e diferencaxp atualizados.'); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; } else { &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; console.log('Valores não contém exatamente três elementos.'); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/script&gt; However, I'm still having a problem where 'output.xptotal' is only updating when I reload the sheet, and 'output.xpnecessario' is updating with any modification. Why might this be happening? I would like both to be updated after any modification.

vÍnce said: Hi John M. roll20 sheets are not like working with general webpages.&nbsp; There are many things (specifically anything DOM related) that will not work in roll20.&nbsp; <a href="https://wiki.roll20.net/Sheet_Worker_Scripts" rel="nofollow">https://wiki.roll20.net/Sheet_Worker_Scripts</a> All js must be embedded within &lt;script type="text/worker"&gt; to function.&nbsp; You will need to use on(change) events to trigger workers, getAttrs to grab attribute data and setAttrs to write attribute data.&nbsp; If you would like to learn more or better examples than what's on the wiki, I would highly recommend this site: <a href="https://cybersphere.me/sheet-workers-automating-the-sheet/" rel="nofollow">https://cybersphere.me/sheet-workers-automating-the-sheet/</a> (created by a pillar in the roll20 community. GiGs ) see if this works (untested, but it should get you started); &lt;script type="text/worker"&gt; on('change:nivel', () =&gt; { getAttrs(['nivel'], (v) =&gt; { const output = {}; const nivelSelect = +v.nivel; const nivelSelecionado = nivelSelect; const valores = nivelSelecionado.split(','); const xpTotal = valores[1]; // Atualizar o valor do campo "attr_xptotal" output.xptotalInput = xpTotal; setAttrs(output, {silent: true}); }); }); &lt;/script&gt; Also, you should change the disabled input to readonly. &lt;input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xptotal" id="xptotal" disabled="disabled"/&gt; to &lt;input class="W-100 text-box text-low-2 text-center text-bold" type="text" name="attr_xptotal" id="xptotal" readonly /&gt; Workers can have a problem writing to a disabled field. <a href="https://cybersphere.me/the-disabled-attribute/" rel="nofollow">https://cybersphere.me/the-disabled-attribute/</a> Cheers I found it, i create a new character and now all works, tks Vínce