Javascript 从textarea JS函数中删除尾随字母
我已经使用Yandex API创建了一个SPA翻译应用程序。我刚刚完成了我的应用程序的逻辑和功能,但是当用户从输入文本区域删除所有文本时,如何删除我的输出文本区域中的尾随字母一直困扰着我 在用户删除所有输入文本后,如何编写函数将输出文本区域清除回(“”)空白字符串。此处有指向我的live站点的链接() 这里我有一个HTML表单:Javascript 从textarea JS函数中删除尾随字母,javascript,html,string,dom,textarea,Javascript,Html,String,Dom,Textarea,我已经使用Yandex API创建了一个SPA翻译应用程序。我刚刚完成了我的应用程序的逻辑和功能,但是当用户从输入文本区域删除所有文本时,如何删除我的输出文本区域中的尾随字母一直困扰着我 在用户删除所有输入文本后,如何编写函数将输出文本区域清除回(“”)空白字符串。此处有指向我的live站点的链接() 这里我有一个HTML表单: <div class="container myForm text-center"> <div
<div class="container myForm text-center">
<div class="row row-center">
<div class="col-sm-12">
<form class="form-inline well justify-content-center">
<textarea id="inputText" class="form-control" placeholder="Enter a Word..."></textarea>
<select class="form-control" id="selectLang">
<option selected>Choose Language...</option>
</select>
</form>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h2 class="translation-header">Translation</h2>
<form class="form-inline well justify-content-center">
<textarea readonly class="form-control" placeholder="Translation" id="translation"></textarea>
</form>
</div>
</div>
</div>
将
else
子句添加到if
,以清空文本区域
if(searchText != ''){
axios.get('https://translate.yandex.net/api/v1.5/tr.json/translate?key=trnsl.1.1.20180914T205319Z.b0ffef87e97badd3.e78787ec8a392b9772f8b8f56933b1d86463d330&lang=' + selectedLang + '&text=' + searchText)
.then((response) => {
let translateInput = document.querySelector('#translation');
translateInput.value = response.data.text[0];
})
.catch((err) => {
console.log(err);
});
} else {
document.querySelector('#translation').value = '';
}
您可能需要查看string.trim()
函数translateText(textArg){let searchText;if(textArg.trim()==''{searchText=document.querySelector('#inputText').value;}
感谢您的快速响应,这是一个在输出文本区域中留下的尾随字母,不是空白,而是string.trim()仍然是这样吗?对于我的问题。编辑:我刚刚尝试了上面的评论,但仍然在输出文本区域留下了一个尾随字母:/What's a training letter?就是这样!谢谢大家,伙计,我喜欢编程,花了数小时试图解决这个问题!为大家干杯
if(searchText != ''){
axios.get('https://translate.yandex.net/api/v1.5/tr.json/translate?key=trnsl.1.1.20180914T205319Z.b0ffef87e97badd3.e78787ec8a392b9772f8b8f56933b1d86463d330&lang=' + selectedLang + '&text=' + searchText)
.then((response) => {
let translateInput = document.querySelector('#translation');
translateInput.value = response.data.text[0];
})
.catch((err) => {
console.log(err);
});
} else {
document.querySelector('#translation').value = '';
}