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が担うとゆうことになるのでしょうか？ |
