Page watchers

by ShoeMaker

HTML

<div id="returnedValue">No Value</div>

JavaScript

//var pageName = mw.config.get('wgPageName');
var pageName = "User:Technical_13";
var pageWatchers = 0;
console.log("setting " + pageWatchers + " to " + pageName);
/* test section *
$.ajax({
    url: '//en.wikipedia.org/w/api.php?action=query&prop=info&format=json&inprop=watchers&titles=' + pageName,
    dataType: 'jsonp',
    success: function (result) {
        var pageID = result.query.pages;
        pageWatchers = result.query.pages[pageID].watchers;
        console.log('pageWatchers is now: ', pageWatchers);
        if (pageWatchers === 0) {
            $("Div#returnedValue").html("Less than 30.");
            console.log('<30');
        } else {
            $("Div#returnedValue").html(pageWatchers);
            console.log(pageWatchers);
        }
    }
});
/* test section */
$.ajax({
    url: '//en.wikipedia.org/w/api.php?action=query&prop=info&format=json&inprop=watchers&titles=' + pageName,
    dataType: 'jsonp',
    success: function (result) {
        var those_numbers = $.map(result.query.pages, function (v, k) {
            return k;
        })[0];
        pageWatchers = result.query.pages[those_numbers].watchers;
        console.log('pageWatchers is now: ', pageWatchers);
        if (pageWatchers === 0) {
            $("Div#returnedValue").html("Less than 30.");
            console.log('<30');
        } else {
            $("Div#returnedValue").html(pageWatchers);
            console.log(pageWatchers);
        }
    }
});
/* working section */

if (pageWatchers === 0) {
    $("Div#returnedValue").html("Less than 30.");
    console.log('<30');
} else {
    $("Div#returnedValue").html(pageWatchers);
    console.log(pageWatchers);
}