###前提・実現したいこと
JavaScriptを使用して、見積もり制作プログラムを作りたいと考えています。
valueに値を入力し、計算させようとするもうまくいきません。
どなたか解決方法をご教示ください。
###発生している問題・エラーメッセージ
resultが出力されない。
###JavaScript
<style> body { background: #e0e0e0; font-size: 16px; text-align: center; font-family: Arial, sans-serif; } h1 { font-size: 50px; } #btn { margin: 30px auto; width: 200px; border-radius: 8px; box-shadow: 0 4px 0 #ff6532; background: #ff3f00; color: #fff; cursor: pointer; padding:7px; } #btn:hover { opacity: .8; } #btn.pushed { margin-top: 35px; box-shadow: 0 2px 0 #ff6532; } #result { font-size: 20px; } </style> </head> <body> <h1>費用算出シミュレーション</h1> <p>管理費: ¥60000/月</p> <p>企画費: ¥200000/月</p> <p>撮影日数</p> <select name="satsueinissu"> <option value="0">0日</option> <option value="150000">0.5日</option> <option value="200000">1日</option> <option value="350000">1.5日</option> <option value="400000">2日</option> </select> <p>追加カメラ台数</p> <select name="kamera"> <option name="0">0台</option> <option value="50000">1台</option> <option value="10000">2台</option> </select> <p>編集</p> <select name="edition"> <option value="0">0週間</option> <option value="300000">1週間</option> <option value="500000">2週間</option> </select> <p>ナレーション(プロ)</p> <select name="narepro"> <option value="0">0日</option> <option value="100000">0.5日</option> <option value="150000">1日</option> </select> <p>ナレーション</p> <select name="naremitemo"> <option value="0">0日</option> <option value="70000">0.5日</option> <option value="100000">1日</option> </select> <p id ="btn">計算する</p> <p id="result"></p> <script> (function keisan(){ 'use strict' btn.addEventListener('mousedown', function(){ this.className='pushed'; }); btn.addEventListener('mouseup', function(){ this.className=''; }); btn.addEventListener('click', function(){ var sens = document.getElementById('satsueinissu').value; var camera = document.getElementById('kamera').value; var edit = document.getElementById('edition').value; var narepro = document.getElementById('narepro').value; var naremitemo = document.getElementById('naremitemo').value; var btn = document.getElementById('btn'); var result = document.getElementById('result'); var answer = sens + camera + edit + narepro + naremitemo; result.innerHTML = answer; }); })(); </script> </body> </html>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。