質問編集履歴

2 エラー画面の追加

TomoakiKurata

TomoakiKurata score 46

2016/03/27 08:10  投稿

TypeScriptでボタンにイベントを追加したい
はじめまして。
VisualStudioからTypeScriptのプロジェクトを新規作成
<div id="content">
    <button style="width:100%;height:100px;" type="button" id="OnHenkanClick">変換</button>
</div>
最初のcontentの中にボタンを作成
function HenkanClick() {
   alert("ですね");
}
class Greeter {
   element: HTMLElement;
   span: HTMLElement;
   timerToken: number;
   ele1: HTMLButtonElement;
   constructor(element: HTMLElement) {
       this.element = element;
       this.ele1 = <HTMLButtonElement>document.getElementById("OnHenkanClick");
       this.ele1.onclick = <Event:MouseEvent> HenkanClick();
上記で
ev: MouseEvent) => any' に割り当てることはできません。
とビルド前にエラーが発生します。
TypeScriptのクラスのなどをまだ理解していません
どのように書けばいいのでしょうか?
追記
jsファイルの中を見てみました。
function HenkanClick() {
   alert("ですね");
}
var Greeter = (function () {
   function Greeter(element) {
       this.element = element;
       this.ele1 = document.getElementById("OnHenkanClick");
       this.ele1.onclick = ;
あ、TypeScriptのクラスのnewをファンクションのnewに置き換えてるのか
この場合、onclickに正しく入力するにはどうかけばいいのかな
この場合、onclickに正しく入力するにはどうかけばいいのかな
![イメージ説明](deb8b9a5a1d7630c38d758d0b647f5fe.png)
  • TypeScript

    989 questions

    TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

1 js追加

TomoakiKurata

TomoakiKurata score 46

2016/03/27 00:06  投稿

TypeScriptでボタンにイベントを追加したい
はじめまして。
VisualStudioからTypeScriptのプロジェクトを新規作成
<div id="content">
    <button style="width:100%;height:100px;" type="button" id="OnHenkanClick">変換</button>
</div>
最初のcontentの中にボタンを作成
function HenkanClick() {
   alert("ですね");
}
class Greeter {
   element: HTMLElement;
   span: HTMLElement;
   timerToken: number;
   ele1: HTMLButtonElement;
   constructor(element: HTMLElement) {
       this.element = element;
       this.ele1 = <HTMLButtonElement>document.getElementById("OnHenkanClick");
       this.ele1.onclick = <Event:MouseEvent> HenkanClick();
上記で
ev: MouseEvent) => any' に割り当てることはできません。
とビルド前にエラーが発生します。
TypeScriptのクラスのなどをまだ理解していません
どのように書けばいいのでしょうか?
どのように書けばいいのでしょうか?
追記
jsファイルの中を見てみました。
function HenkanClick() {
   alert("ですね");
}
var Greeter = (function () {
   function Greeter(element) {
       this.element = element;
       this.ele1 = document.getElementById("OnHenkanClick");
       this.ele1.onclick = ;
あ、TypeScriptのクラスのnewをファンクションのnewに置き換えてるのか
この場合、onclickに正しく入力するにはどうかけばいいのかな
  • TypeScript

    989 questions

    TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る