Javascript 使用文本字段P5的输入
在我的草图中,我想在文本字段中键入一个城市,并将此信息插入我的API-URL:Javascript 使用文本字段P5的输入,javascript,p5.js,Javascript,P5.js,在我的草图中,我想在文本字段中键入一个城市,并将此信息插入我的API-URL: var Stadt='Berlin'; function setup() { createCanvas(500,500); textfield = createInput (); textfield.changed(newText); loadJSON('https://api.openrouteservice.org/geocode/search?'+ 'api_key=5b
var Stadt='Berlin';
function setup() {
createCanvas(500,500);
textfield = createInput ();
textfield.changed(newText);
loadJSON('https://api.openrouteservice.org/geocode/search?'+
'api_key=5b3ce3597851110001cf6248a7e197414b934680bff4449c39f000cc'+
'&text='+Stadt+'', gotData);
}
function newText (){
console.log (textfield.value());
}
function gotData(data) {
var city = data.features;
var lon = city[0].geometry.coordinates[0];
var lat = city[0].geometry.coordinates[1];
fill(0)
noStroke();
ellipse (lat+100, lon+100, 10, 10);
}
我可以使用
textfield.value()
将信息加载到我的草图中,但是我现在如何才能将var statt
更改为textfield.value()
?您只是想这样做吗
function newText (){
Stadt = textfield.value();
}
进行此更改后,您可能希望再次调用
loadJSON()
函数。是的,我以前尝试过,但它不起作用-当然。你完全正确,我需要移动JSON。谢谢另一个问题:现在我需要点击文本字段来写。有没有办法自动选择文本字段?编辑HTML文件是我的一个选择guess@foliran听起来你在寻找焦点。请在他们自己的帖子中发布后续问题,这样更容易回答。