前提・実現したいこと
jsで自分の考えたものを実装できるように練習しています。
ボタンを押す度に、テキストが右に1pxずれる実装をしたいです。
発生している問題・エラーメッセージ
pxの加算がうまくできないので、ぜひアドバイスを頂きたいです。
該当のソースコード
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <title>template</title> <style type="text/css"> <!-- #txt_right { position: absolute; left: 0; } --> </style> </head> <body> <header> <div class="header-contents"> </div><!-- /.header-contents --> </header> <div class="main-wrapper"> <section> <button onclick="btnClick();">押すとテキストが右に1pxずれるボタン</button> <p id="txt_right">右に進みます</p> </section> </div><!-- /.main-wrapper --> <footer></footer> </body> <script> var element = document.getElementById('txt_right'); var btnClick = function(){ var left = element.style.left.replace('px', ''); element.style.left = (parseInt(left) + 1) + 'px'; } </script> </html>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/11 02:21
2018/09/11 02:38