JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name = "viewport" content = "width = device-width, height = device-height">
    <title>RSS reader</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css">
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>

</head>
<body onload="">
<!--
//parameter onclick zabezpeci zmenu hodnoty aktualneho okna kvoli kompatibilite s funkciou swipe
//v päte pouzite zarovnanie pomocou CSS kvoli validatorom
-->

<div data-role="page" id="page1">
    <div data-role="header" data-theme="a" data-position="fixed">
        <div class="logo"><img src="res/images/zive_logo.png" alt="Živé.sk"></div>
        <div data-role="navbar">
            <ul>
                <li><a href="#page3" onclick="window.now=window.now+2" class="transitionsSettings" data-direction="reverse" data-icon="arrow-l" data-iconpos="left">AutoMoto.sk</a></li>
                <li><a href="#page2" onclick="window.now=window.now+1" class="transitionsSettings" data-icon="arrow-r" data-iconpos="right">MobilMania.sk</a></li>
            </ul>
        </div>
    </div>
    <div data-role="content" data-theme="d">
        <ul data-role="listview" id="feedZive"></ul>
    </div>

    <div data-role="footer" style="text-align: center;" data-theme="a" data-position="fixed">
        <div data-role="navbar" data-theme="a">
            <ul>
                <li><a href="index.html" data-icon="home">Domov</a></li>
                <li><a href="settings.html" data-icon="gear" rel="external">Nastavenia</a></li>
            </ul>
        </div>
        <small>Copyright © Daniel Hardoň</small>
    </div>
</div>

JavaScript

var activePage = $.mobile.activePage[0].id;
alert(activePage);