투표 기능 제작 질문

[ㅠㅠㅠ]

간단하게 투표 기능 제작 할려고 하는데

<div class="content1">

                    <canvas id="chart" width="400" height="200"></canvas>
                    <button id="btn1" type="button" class="btn btn-danger btn-lg">찬성</button>
                    <button id="btn2" type="button" class="btn btn-primary btn-lg">반대</button>
                </div>
                <script>
                    var ctx = document.getElementById('chart').getContext('2d');
                    var myChart = new Chart(ctx, {
                        type: 'bar',
                        data: {
                            labels:['찬성','반대'],
                            datasets:[{
                                label: '찬성/반대',
                                data:[0,0],
                                backgroundColor:[
                                    'rgba(54, 162, 235, 0.2)',
                                    'rgba(255, 99, 132, 0.2)'
                            ],
                            borderColor:[
                            'rgba(54, 162, 235, 0.2)',
                            'rgba(255, 99, 132, 0.2)'

                            ],
                            borderWidth :1
                            }]
                        },
                        options: {
                            scales: {
                                yAxes: [{
                                    ticks:{
                                        beginAtZero: true
                                    }
                                }]
                            }
                        }
                    });
                    
                    function addData(chart,label,data){

                    }

                    document.getElementById('btn1').addEventListener('click',()=>{

                        myChart.data.datasets.forEach((dataset) => {
                            dataset.data[0] = dataset.data[0]+1
                            document.getElementById('btn1').textContent=dataset.data[0];
                        });
                        myChart.update();
                    })

                    document.getElementById('btn2').addEventListener('click',()=>{
                        myChart.data.datasets.forEach((dataset) => {
                            dataset.data[1] = dataset.data[1]+1
                            document.getElementById('btn2').textContent=dataset.data[1];
                        });
                        myChart.update();
                    })

                </script>

이렇게 chart.js 이용해서 코드는 어느정도 짜서 버튼 누르면 숫자 올라가고 하는데 새로고침 하면 데이터 값이 저장 안되어있으니
초기 상태로 돌아갑니다 데이터 값을 몽고db에 저장해서 새로고침 해도 유지 되게 하고 싶은데 어떻게 하면 될까요

[codingapple]

버튼누를 때 마다 DB에 데이터 저장하라고 버튼에도 기능개발하고 서버에도 기능개발해둬야합니다
그리고 페이지로드시 DB에 있던 데이터 가져와서 원하는데 집어넣읍시다

[ㅠㅠㅠ]

인풋 값을 적어 넣어서 그걸 데이터 저장 하는건 알겠는데 찬성 반대 버튼만 눌러서 그것만 저장 하려면 어떤식으로 해야 하나요 
app.post로 하려면 인풋값 들어있어야 데이터가 저장 되는거 아닌가요?

[codingapple]

찬성버튼누르면 1아니면 true 
반대누르면 0아니면 false 이런걸 DB에 저장해둬도 됩니다

[글쓴이]

글