JSFiddle - React, Tailwind, and code Playground

by davestein

HTML

<div id="text">Gallery</div><br />

<input type="button" id="firstchange" value="First" />
<input type="button" id="secondchange" value="Second" />

JavaScript

var last_value = 'Gallery',
    text       = document.getElementById( 'text' ),
    first      = document.getElementById( 'firstchange' ),
    second     = document.getElementById( 'secondchange' );

first.onclick = function() {
    
  var new_value = 'Gallery &';
  text.innerHTML =  text.innerHTML.replace( last_value, new_value  );
    
  last_value = new_value;
};


second.onclick = function() {
    
  var new_value = 'Gallery & Stuff';
  text.innerHTML =  text.innerHTML.replace( last_value, new_value  );
    
  last_value = new_value;
};