JSFiddle - React, Tailwind, and code Playground

by Anurag Udasi

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<!-- Vidya -->
<input type = "text" name = "city" id = 'cityname'>
    <input type = "button" value = "Go" id="go_button" >
        <input type = "button" value = "Clear">
            
        <br><br>
            <label>Name: <span id = "cname"></span> </label>
            <br>
            <br>
                <label>Temperature: <span id="ctemp"></span> </label>

CSS

.name
{
    font-weight: bold;
}

JavaScript

$("#go_button").click(function(){
    ct = document.getElementById("cityname").value;
    
        $.ajax({url:"http://api.openweathermap.org/data/2.5/weather?",
                data: "q=" + ct,
        success:function(result){
            console.log(result["name"]);
            console.log(result["main"]["temp"]);
            
            $("#cname").text(result["name"]);            $("#ctemp").text(result["main"]["temp"]);
            
           
  }});
    
    
    
    
});