JSFiddle - React, Tailwind, and code Playground

HTML

<div id="values-first-time"></div>
<div id="values-second-time"></div>

JavaScript

var vstGUI = true;

var VIPdatabases;

function update(){
     //Updates values of VIPdatabases when called
    VIPdatabases = {
    
    pluginName : "Absynth",
    pluginID : 1,
    pluginVrs : 2.1,
    "VST3" : vstGUI
    }
}

update(); //gives VIPdatabases its values
    
    
vstGUI = false;

    //Code used to add info to the HTML. Notice it still says true even though vstGUI now equals false
document.getElementById("values-first-time").innerHTML = VIPdatabases["pluginName"]+"<br>"+VIPdatabases["pluginID"]+"<br>"+VIPdatabases["pluginVrs"]+"<br>"+VIPdatabases["VST3"];


    
update(); // Updates the VIPdatabases with the variable change 

    //HTML in the second div now reflects the change
document.getElementById("values-second-time").innerHTML = VIPdatabases["pluginName"]+"<br>"+VIPdatabases["pluginID"]+"<br>"+VIPdatabases["pluginVrs"]+"<br>"+VIPdatabases["VST3"];