2016-12-02 6 views
-5

私は基本的なカードゲームを作成しようとしています。アイデアはあなたにカードを表示し、ボタンをクリックするとカードを反転させたり、色を変えたりすることです。私は学校のためにこれをやっているので、独自のjavascriptエディタを持つcodehs.comというサイトでこれをやっています。ボタンをJavaのみで作成する

https://codehs.com/share/8xBGa1CKkI4paE35nY9x
(サイトへのリンク)

問題は、私の知る限り、実際にボタンを作成するための唯一の方法はHTMLであるということであり、それは、WebページからJavaScriptとやり取りしています。私はjavascriptだけでこれを行う方法を知らないので、これは問題です。

私の質問は、JavaScriptを使わずに、JavaScriptなしでオブジェクトとしてボタンを作成する方法はありますか?

初めて尋ね、申し訳ありませんが、これは 事前のおかげで尋ねるの最善の方法ではない場合(と答えてきた人たちを、私は助けに感謝)

+0

だ、あなたはとして使用するHTML要素を必要とします標的。 –

+0

@ScottMarcusどうすればjavascriptで作れますか?私はそれは私の基本的な質問thatsだと思います – Nameless477

+0

より汎用的なサイトの代わりにこのサイトを使用している特別な理由は何ですか?あるいはローカルで開発していますか?この1つは目的のために特別な目的のサイトのように思えますが、私はそれをかなり推測することはできませんでした。 –

答えて

0

私はあなたが話している環境を知りませんabout - 実際に役立つリンクですが、少なくともDOMにアクセスできるとすれば、JavaScriptを使用してボタンを作成するのは簡単です。

var button = document.createElement("button"); 
 
button.innerHTML = "click me!"; 
 

 
button.addEventListener("click", function() { 
 
    button.innerHTML = "You did it"; 
 
}); 
 

 
document.body.appendChild(button);

+0

https://codehs.com/share/8xBGa1CKkI4paE35nY9x – Nameless477

0

ここでは、JavaScriptでボタンを作成することができますが、特定の場所にドキュメントに配置する例

var btn = document.createElement("BUTTON");  // Create a <button> element 
var t = document.createTextNode("CLICK ME");  // Create a text node 
btn.appendChild(t);        // Append the text to <button> 
document.body.appendChild(btn); 
関連する問題