JSFiddle - React, Tailwind, and code Playground

by Frank van Puffelen

HTML

<script src="https://cdn.firebase.com/v0/firebase.js"></script>
    <form>
        <div class="post-title">
            <input type="text" placeholder="Post Title">
        </div>
        <div class="post-content">
            <textarea type="text" placeholder="Post Content"></textarea>
        </div>
        <button type="submit" class="submit">Submit</button>
    </form>

JavaScript

var url = "https://blog-posts.firebaseio.com/";

    var firebaseRef = new Firebase(url);

    function funct1(evt)
    {
     var title = $('#post-title').text();

     var post = $('#post-content').text();

     var date = Date();
        
     console.log('Setting '+title+' '+post+' '+date);
        
     firebaseRef.set({Title: title, Content: post, Date: date});
     evt.preventDefault();
    }

    var submit = document.getElementsByTagName('button')[0];

    submit.onclick = funct1;