前提・実現したいこと
https://qiita.com/morikooooo/items/1c8055678a76d64587d9
こちらの記事を参考に、CSSで投稿画面に星評価機能を実装しました。
その投稿画面で選択した星の数を保存して他のページに表示する方法がよく分からないです。
該当のソースコード
CSS
1.evaluation{ 2 display: flex; 3 flex-direction: row-reverse; 4 justify-content: center; 5} 6.evaluation input[type='radio']{ 7 display: none; 8} 9.evaluation label{ 10 position: relative; 11 padding: 10px 10px 0; 12 color: gray; 13 cursor: pointer; 14 font-size: 50px; 15} 16.evaluation label .text{ 17 position: absolute; 18 left: 0; 19 top: 0; 20 right: 0; 21 text-align: center; 22 font-size: 12px; 23 color: gray; 24} 25.evaluation label:hover, 26.evaluation label:hover ~ label, 27.evaluation input[type='radio']:checked ~ label{ 28 color: #ffcc00; 29}
new.html.erb
1<form type="get" action="#"> 2 この本の評価を教えてください! 3 <div class="evaluation"> 4 <input id="star1" type="radio" name="star" value="5" /> 5 <label for="star1"><span class="text">最高</span>★</label> 6 <input id="star2" type="radio" name="star" value="4" /> 7 <label for="star2"><span class="text">良い</span>★</label> 8 <input id="star3" type="radio" name="star" value="3" /> 9 <label for="star3"><span class="text">普通</span>★</label> 10 <input id="star4" type="radio" name="star" value="2" /> 11 <label for="star4"><span class="text">悪い</span>★</label> 12 <input id="star5" type="radio" name="star" value="1" /> 13 <label for="star5"><span class="text">最悪</span>★</label> 14 </div> 15 </form>
試したこと
new.html.erbと同じような記述をindex.html.erbにしましたが、だめでした
補足情報(FW/ツールのバージョンなど)
ruby '2.6.5'
gem 'rails', '> 6.0.0'> 3.11'
gem 'mysql2', '0.5.3'
gem 'puma', '
gem 'sass-rails', '> 5'> 4.0'
gem 'webpacker', '
gem 'turbolinks', '> 5'> 2.7'
gem 'jbuilder', '
あなたの回答
tips
プレビュー