JSFiddle - React, Tailwind, and code Playground

HTML

<p><input type="text" id="title" /></p>

<p class="offer-container">
    <h3></h3>
    <img class="promo-img" alt="" />
    <div class="valid-through"></div>
    <div class="valid-through"></div>
</p>

JavaScript

Promo = {
    
    init: function(){
        var self = this;
        self.previewObject.init();
        self.mirrorText();

    },
    
    mirrorText: function(){
        var self = this;
        $('#title').keyup(function(){
            self.previewObject.title.text($(this).val());
         });
    },

    previewObject: {
        img: null,
        title: null,
        dateRange: null,
        address: null,

        init: function(){
            self.img = $('.offer-container .promo-img');
            self.title = $('.offer-container h3');
            self.dateRange = $('.offer-container .valid-through');
        }
    }
}    

Promo.init();