【发布时间】:2019-02-11 01:12:40
【问题描述】:
我正在使用 JavaScript 的框架 p5.js 构建一个天气预报网站。我有关于天气情况的描述(例如几朵云),但问题是我使用的 api 只有小写描述。我不希望它们大写,但我不知道如何将它们大写。有人可以帮助我吗? (我尝试了很多原生 JavaScript 方法)
var weather;
var apiPath = 'http://api.openweathermap.org/data/2.5/weather?q=';
var apiKey = '&appid=e0342ddf94a760131ffacfa0e12bddf4';
var unit = '&units=metric';
var input;
function setup() {
noCanvas(270,125);
var button = select('#submit');
button.mousePressed(weatherAskAndDraw);
input = select('#city');
}
function CapFirst(string)
{
return string.charAt(0).toUpperCase() + string.slice(1);
}
function keyDraw(){
if (weather){
var temp = weather.main.temp;
var humidity = weather.main.humidity;
var minTemp = weather.main.temp_min;
var maxTemp = weather.main.temp_max;
var country = weather.sys.country;
var city = weather.name;
var vis = weather.visibility;
var des = weather.weather[0].description;
var windSpeed = weather.wind.speed;
fill(255);
CapFirst(des);
document.getElementById("p1").innerHTML = "City: " + city;
document.getElementById("p2").innerHTML = "Description: " + des;
document.getElementById("p3").innerHTML = "Temperature: " + temp;
document.getElementById("p4").innerHTML = "Humidity: " + humidity;
document.getElementById("p5").innerHTML = "Wind Speed: " + windSpeed;
}
}
function weatherAskAndDraw(){
var url = apiPath + input.value() + apiKey + unit;
loadJSON(url, gotData);
keyDraw();
}
function gotData(data){
weather = data;
}
【问题讨论】:
-
我试过那里的答案没有用
-
怎么没用?你想让
few clouds看起来像什么? -
请展示你是如何尝试的。它应该工作。您可以编辑插入代码的帖子。
-
几朵云彩 --> 几朵云彩
-
请添加一个minimal reproducible example,显示您尝试过的内容以及它如何不起作用。
标签: javascript json api p5.js weather