質問編集履歴

1 <code>を使い修正しました。

Dev-one

Dev-one score 32

2019/05/05 19:12  投稿

ボタンを押して文字を変えたい
index.htmlとして
 
```  
<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
 <title>title</title>
 <script defer src="js/youtube.js"></script>
</head>
<body>
 <p id=>"Confirm purchase?"</p>
 <button id="button">Confirm</button>
</body>
</html>
```  
youtube.jsとして
```  
document.getElementById("button").onclick = function(){
 document.getElementById("confirm").innerHTML = "Order placed.
 Check email for confrimation";
 document.getElementById("button").style.display = "none";
}
記述しました。
```
と記述しました。
index.htmlをプレビューすると
https://gyazo.com/a6973af015b8827bf75ca86b24bd5125
になります。ボタンを押して文字を切り替えたいのですが、うまくいきません。devツールで右に赤字でjsの二行目おかしいいとエラーが出てると思うのですが
おかしいところが見当たらなく、ご指導お願いしたいと考えております。
また、javascriptの勉強をしてるのですがhttps://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
とかで順番に勉強していけばいいものでしょうか?
最終的にvue.jsにいきたいのですが、HTMLとCSSとのjavascriptの関係がGetElementByIDが関係あるのではとゆう考えに現段階でなっています。
あっていますでしょうか?vue.jsとかでhtmlとcssであらかじめデザインしたものつくる場合javascriptの役割をvue.jsが担うとゆうことになるのでしょうか?
  • JavaScript

    31791 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

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