こんにちは、プログラミング初心者です。
現在Monaca(Javascript+HTML5のアプリ開発プラットフォーム)の無料版、ベーシックプランで初めてのアプリ開発をしています。
その中で、Textareaタグを設けており、ユーザー側が何か文字を入力できるようにしてあるのですが、
この文字色をいくつか色の選択肢を作って自由に変更できるようにしたいと思っています。(赤、青。黄、黒、橙など)
そこでネットの知識を集めて以下のようなコードを書いてみました。結果は初めの一色だけ反映されるというものでした。一度色変更のボタンを押すと他の色には戻せなかったです。(下記の例でいうとボタンは二つ反映されましたが、どちらを押しても青にしかならず、そこから他の色に変更もできませんでした。)
<script type="text/javascript"> <!-- function chgColor() { if(document.getElementById) { document.getElementById("ttttt").style.color = "green"; document.getElementById("ttttt").style.color = "blue"; } } // --> </script> </head> <body> <div style="padding:0px 30px 30px 20px " "margin:10px 20px 10px 10px"> <textarea rows="3" cols="30" wrap="hard" style="width:300px;height:100px;border-style:none;font-size:x-large;text-align: center;" placeholder="Input your message!" onchange="Limit(event)" onkeyup="Limit(event)"id="ttttt" > </textarea> </div> <form> <input type="button" value="greeeen" onclick="chgColor()"> <input type="button" value="blueeee" onclick="chgColor()"> </form> </body> </html> ※質問の内容に関係のないコードは省略しました。
一色しか変更が反映されない原因と、改善策を究明しております。
最終的には四色ほど選択肢を設置し、自由に何回でも変更可能な状態を目指しています。
よろしくお願いします!
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/09 23:48