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が担うとゆうことになるのでしょうか?
回答1件
あなたの回答
tips
プレビュー