JSFiddle - React, Tailwind, and code Playground

by NabiKAZ

HTML

<form id="myform">
    <span id="title_holder">###</span>
    <div id="description_holder">###</div>
    <input type="text" value="###" id="id_holder">
    <textarea id="others_holder">###</textarea>
    <input type="reset">
</form>

JavaScript

var values = {
    'title': '111',
    'description': '222',
    'id': '333',
    'others': '444',
};

$.each(values, function(key, value) {
    elementId = $('#' + key + '_holder');
    if (elementId.length > 0) {
        //IF type of elementId is input form such as input, textarea,...
        elementId.val(value); //for input and textarea elements
        //ELSE normal html elements such as span, div,...
        elementId.text(value) //for div and span elements
    }
});