[Javascript] テキストボックスからテキストを取得する
こんにちは、@yasuです。
テキストエリアに入力した文字を取得する方法です。
前回は、URLからアカウント名を取得しましたが、
複数のアカウント名を取得するときには、
面倒なインタフェースであったので、
その改善策の準備です。
実行結果
実行方法
https://ojagggyo.github.io/javascript/textarea.html
ソース
<html>
<body>
<p>複数行を入力してください。</p>
<textarea id="text1" rows="10" cols="20"></textarea>
<br/>
<input type="button" value="改行で分割する" onclick="clickBtn()" />
<p>入力された文字列は、</p>
<b><span id="text2"></span></b>
<p>改行で分割すると、</p>
<b><span id="text3"></span></b>
<script>
function clickBtn() {
let t1 = document.getElementById("text1").value;
console.log(t1);
let t2 = t1.split(/\n/).join('<改行>');
console.log(t2);
document.getElementById("text2").textContent = t2;
let t3 = t1.split(/\n/).join('<br/>');
console.log(t3);
document.getElementById("text3").innerHTML = t3;
}
</script>
</body>
</html>
@yasu さん、こんにちは。
Steemitチームがアップボートしてくれるので #steemexclusive のタグ、 パワーアップしたときは #club5050 のタグを使って下さい。
Power Up and use #club5050 #steemexclusive for more upvotes from Steemit team.
How to use #steemexclusive 使い方
How to use #club5050 使い方
💡 Curation Guide (アップボートガイド) 💡