【问题标题】:How to capitalize the first letter of a var in p5.js [duplicate]如何在p5.js中大写var的第一个字母[重复]
【发布时间】: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


【解决方案1】:

我没有使用过P5.js,但很简单js

    mode = "few clouds";
    string = mode.charAt(0).toUpperCase() + mode.substr(1,mode.length).toLowerCase();
    console.log(string);

【讨论】:

  • 为什么对答案投反对票?
猜你喜欢
  • 2018-04-03
  • 2016-06-01
  • 2013-02-21
  • 1970-01-01
  • 1970-01-01
  • 2018-07-08
  • 1970-01-01
  • 1970-01-01
  • 2014-04-11
相关资源
最近更新 更多