所持率を計算しそれがツイートできるようにしたい
HTMLでチェックボックスを作成、それをカウントしよくある所持率チェッカーのような機能を作成したいです。
チェック機能は正常に動作し、〇%と表示させることが出来ました。
しかし、最後の結果をツイートさせる部分で躓いております。
「この結果をツイート」を押すと新しいウィンドウを開いて、結果をもとにツイート文を作成し、ツイート画面に遷移するコードを入れておりますが、「この結果をツイート」を押しても一切反応がなく、ツイート画面へと遷移いたしません。
あまりJavascriptやjQueryが分からないため、お力を貸して頂けますと幸いです。
※追記※
エラーコードを確認しましたが、エラーはありませんでした…。
HTML
<p>持っているキャラを選択してください</p> <form> <p id="tohoku"><input id="1" name="pref" type="checkbox" value="1" /> <label for="1">A</label><br /><input id="2" name="pref" type="checkbox" value="2" /> <label for="2">B</label><br /><input id="3" name="pref" type="checkbox" value="3" /> <label for="3">C</label><br /><input id="4" name="pref" type="checkbox" value="4" /> <label for="4">D</label><br /><input id="5" name="pref" type="checkbox" value="5" /> <label for="5">E</label><br /><input id="6" name="pref" type="checkbox" value="6" /> <label for="6">F</label><br /><input id="7" name="pref" type="checkbox" value="7" /> <label for="7">G</label></p> </form> <p> <div class="tohokuret"> </div> </p> <p><a id="twitter_button" class="btn">この結果をツイート</a></p>
javascript
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('input:checkbox').change(function() { var cnt = $('#tohoku input:checkbox:checked').length; var max = 7; var per = Math.round(cnt / max * 100 *10) / 10; $('div.tohokuret').text('所持率は:' + per + '%'); }).trigger('change'); }); </script> <script> $('#twitter_button').click(function() { var Deme = document.getElementById("tohokuret").innerHTML; var tw_contents = ("所持率は【" + Deme + "%】です"); var url = "[my_home_url]"; window.open().location.href = ("https://twitter.com/share?url=" + url + "&text=" + tw_contents + "&count=none&lang=ja"); }); </script>