My Coding World

let advancingPlayers = []; let matchListTable = document.getElementById(parentTableId); let rowCount = matchListTable.rows.length; let cellIndex = (parentTableId === 'matchlistA') ? 3 : 4 ; // 예: matchlistB에서는 cells[5]을 사용 (승) 찾음 for(let i = 0; i

대진표관련 프로그램 제작중~ $(".randomBtn").click(function() { var rule = $("#rule").val(); var score = 0; // score는 여기서 초기화하거나 다른 부분에서 값을 받아와야 합니다. if ((rule === '5전3선승' && score === 3) || (rule === '3전2선승' && score === 2)) { return; // 스코어가 규칙에 따라 충분한 경우 더 이상 실행하지 않습니다. } var maxRandomNumber = (rule === '5전3선승') ? 4 : 3; // 규칙에 따라 최대 랜덤 숫자를 설정합니다. for (var i = 0; i

프로젝트에서 연구하는 과제입니다. 철판의 재질이 나오면, 그 재질을 요약해서 버튼을 만들고 그 버튼이 클릭되면 해당 재질만 체크되고 해제되는 로직... 이틀째 연구중인데 그리 쉽지 않네요. 첫번째 코드 완성 var value = $(this).text(); var rows = document.querySelectorAll('table tr'); var count = 0; rows.forEach(function(row) { var specElement = row.querySelector('.spec'); var checkbox = row.querySelector('input[name="checkbox[]"]'); if (specElement && checkbox) { var specText = specEl..

선택한 사항을 쿠키로 저장 후 간단히 불러오기.. 선택사항을 저장하는 방법은 간단히 어떤 동작이 일어났을때... 쿠키에 기록한다. function updateCheck() { let isChecked = document.getElementById('check').checked; document.cookie = "check=" + isChecked + ";path=/"; document.cookie = "lastdate=" + $("#askdatefrom").val(); } 고정 onchange="updateCheck()" > 고정이라는 체크박스를 만들고 이를 클릭했을때... 이벤트를 발생시켜서 쿠키를 저장하는 방식이다. $check = isset($_COOKIE['check']) ? $_COOKIE['c..

이걸로 많은 시간을 소비해서 기록으로 남겨둡니다. 인터벌을 주고 싶을때.... 일정시간동안 계속 저장하고 싶을때? 5초 후 계속해서 자료를 계속 불러옴... // 10초마다 updatetime 체크 및 함수 실행 var intervalId = setInterval(function () { var num = $("#num").val(); $.ajax({ url: "load_data.php?num=" + num, type: "post", data: "", success: function (data) { var parsedData = JSON.parse(data); console.log('현재 저장 시간 ' + parsedData.updatetime); // 이전 데이터와 현재 데이터 비교 if (previo..

이걸로 많은 시간을 소비해서 기록으로 남겨둡니다. 테이블의 합계를 내는데.. 고생을 좀 했습니다. // 배출합을 더해야 각 행의 첫번째 배출합계로 나타내는 구간 (자식구간을 더하는 로직) outputAmountFields.forEach(function (field) { field.addEventListener('input', function () { var table = field.closest('table'); var outputSumFields = table.querySelectorAll('.output-sum'); outputSumFields.forEach(function (outputSumField) { var tr = outputSumField.closest('tr'); var rowIndex ..

아래의 파일 선택을 멀티로 하면서 그 공간에 파일을 선택 후 떨어뜨린 후 나오게 만들어보는 프로젝트 위와 같이 구현해 본 것인데.... 하루 넘게 연구한 것 같습니다. 과정이 쉽지는 않더군요. $("#dropArea").off('drop').on('drop', function(event) { event.preventDefault(); var files = event.originalEvent.dataTransfer.files; console.log("dropArea 클릭 후 파일첨부 : "); console.log(files); setFileInputValue(files); uploadFiles(files); }); function setFileInputValue(files) { var fileInput ..

우리가 흔히 보는 달력 형상의 솔루션들은 그 날짜를 계산하고 다루는 과정을 잘 이해해야 만들 수 있습니다. 코드를 작성하고 나름 그 동작을 설명하지요. 자바스크립트 코드를 활용해서 날짜라는 객체를 만든다면 그 것을 다루는 기술을 다루면 절반은 해낸 것으로 생각됩니다. {{ var date = date || new Date(), month = date.getMonth(), year = date.getFullYear(), first = new Date(year, month, 1), last = new Date(year, month + 1, 0), startingDay = first.getDay(), thedate = new Date(year, month, 1 - startingDay), dayclass = ..