如何使用javascript拉取元素的值

时间:2018-03-27 06:33:46

标签: javascript jquery

尝试在Celsius和Fahrenheit之间切换。我有一个工作按钮,它将进行计算,但我似乎无法获取天气API从元素生成的值。我的代码如下,任何帮助将不胜感激,我不习惯使用API​​' s。 API以摄氏度生成温度并将其置于"天气温度"。这是HTML:

<h4>Current Temperature:</h4><h1 class="weather-temperature farenheit celcius" id="temp"></h1>
    <button id="toggle">Toggle F&deg;/C&deg;</button>
    </div>

这是JavaScript / jQuery:

var temp = ; // How do I get the value of #temp to be stored in var temp? 
   var celsius = temp;
   var fahr = (1.8 * temp + 32);
   var switch_ = new Boolean(false);

   $("#toggle").on("click", function () {
       switch_ = !switch_;
       var temp = switch_ == true ? celsius + " °C" : fahr + " °F";
       $("#temp").text(temp);
   });

真的坚持这个。感谢您的帮助:))

1 个答案:

答案 0 :(得分:0)

当您调用天气API并获取温度值为celcius时,请在temp变量中设置该值,因为您发现temp变量未初始化{{1} }和celsius变量。这样做对您有用。

fahr
var temp = 10; // set the temperature fom API
var celsius = temp;
var fahr = (1.8 * temp + 32);
var switch_ = new Boolean(false);

$("#toggle").on("click", function () {
   switch_ = !switch_;
   var temp = switch_ == true ? celsius + " °C" : fahr + " °F";
   $("#temp").text(temp);
});