SMALL

 

연말정산 미리 계산기

 

 

 

 

 

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>연말정산 미리 계산기</title>
  <style>
      body {
          font-family: Arial, sans-serif;
          margin: 20px;
          padding: 20px;
          border: 1px solid #ccc;
          border-radius: 5px;
      }
      h1 {
          text-align: center;
      }
      .input-group {
          margin-bottom: 15px;
      }
      label {
          display: block;
          margin-bottom: 5px;
      }
      input[type="number"] {
          width: 100%;
          padding: 8px;
          box-sizing: border-box;
      }
      .button {
          padding: 10px 15px;
          background-color: #4CAF50;
          color: white;
          border: none;
          border-radius: 5px;
          cursor: pointer;
      }
      .result {
          margin-top: 20px;
          font-weight: bold;
      }
  </style>
</head>
<body>
  <h1>연말정산 미리 계산기</h1>
  <div class="input-group">
      <label for="income">연간 소득 (원):</label>
      <input type="number" id="income" placeholder="소득을 입력하세요" />
  </div>
  <div class="input-group">
      <label for="deductions">세액 공제 (원):</label>
      <input type="number" id="deductions" placeholder="공제를 입력하세요" />
  </div>
  <button class="button" onclick="calculateTax()">계산하기</button>
  
  <div class="result" id="result"></div>

  <script>
      function calculateTax() {
          const income = parseFloat(document.getElementById('income').value) || 0;
          const deductions = parseFloat(document.getElementById('deductions').value) || 0;

          // 간단한 세금 계산 로직 (예시)
          const taxableIncome = income - deductions;
          let tax = 0;

          if (taxableIncome <= 12000000) {
              tax = taxableIncome * 0.06;
          } else if (taxableIncome <= 46000000) {
              tax = 720000 + (taxableIncome - 12000000) * 0.15;
          } else {
              tax = 5820000 + (taxableIncome - 46000000) * 0.24;
          }

          document.getElementById('result').innerText = `예상 세액: ${tax.toLocaleString()} 원`;
      }
  </script>
</body>
</html>

저작자표시 비영리 동일조건

'정보' 카테고리의 다른 글

연말정산간소화 프로그램2탄  (1) 2025.01.17
연말정산간소화 프로그램2탄  (0) 2025.01.16
연말정산계산기  (0) 2025.01.15
자동매매프로그램설정만들기2탄  (0) 2025.01.15
연말정산 간소화 프로그램을 HTML 형식으로 만들어 드리겠습니다. 아래는 기본적인 구조와 주요 요소를 포함한 HTML 코드입니다:  (0) 2025.01.14
SMALL

 

연말정산 미리 계산기

 

 

 

 

 

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>연말정산 미리 계산기</title>
  <style>
      body {
          font-family: Arial, sans-serif;
          margin: 20px;
          padding: 20px;
          border: 1px solid #ccc;
          border-radius: 5px;
      }
      h1 {
          text-align: center;
      }
      .input-group {
          margin-bottom: 15px;
      }
      label {
          display: block;
          margin-bottom: 5px;
      }
      input[type="number"] {
          width: 100%;
          padding: 8px;
          box-sizing: border-box;
      }
      .button {
          padding: 10px 15px;
          background-color: #4CAF50;
          color: white;
          border: none;
          border-radius: 5px;
          cursor: pointer;
      }
      .result {
          margin-top: 20px;
          font-weight: bold;
      }
  </style>
</head>
<body>
  <h1>연말정산 미리 계산기</h1>
  <div class="input-group">
      <label for="income">연간 소득 (원):</label>
      <input type="number" id="income" placeholder="소득을 입력하세요" />
  </div>
  <div class="input-group">
      <label for="deductions">세액 공제 (원):</label>
      <input type="number" id="deductions" placeholder="공제를 입력하세요" />
  </div>
  <button class="button" onclick="calculateTax()">계산하기</button>
  
  <div class="result" id="result"></div>

  <script>
      function calculateTax() {
          const income = parseFloat(document.getElementById('income').value) || 0;
          const deductions = parseFloat(document.getElementById('deductions').value) || 0;

          // 간단한 세금 계산 로직 (예시)
          const taxableIncome = income - deductions;
          let tax = 0;

          if (taxableIncome <= 12000000) {
              tax = taxableIncome * 0.06;
          } else if (taxableIncome <= 46000000) {
              tax = 720000 + (taxableIncome - 12000000) * 0.15;
          } else {
              tax = 5820000 + (taxableIncome - 46000000) * 0.24;
          }

          document.getElementById('result').innerText = `예상 세액: ${tax.toLocaleString()} 원`;
      }
  </script>
</body>
</html>

저작자표시 비영리 동일조건

'정보' 카테고리의 다른 글

연말정산간소화 프로그램2탄  (0) 2025.01.16
연말정산계산기  (0) 2025.01.16
자동매매프로그램설정만들기2탄  (0) 2025.01.15
연말정산 간소화 프로그램을 HTML 형식으로 만들어 드리겠습니다. 아래는 기본적인 구조와 주요 요소를 포함한 HTML 코드입니다:  (0) 2025.01.14
단타종목검색기를html형식  (0) 2025.01.14
SMALL

 

자동매매 프로그램

실시간 주식 정보

현재 가격: 0 원

거래량: 0

 

 

 

 

 

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>자동매매 프로그램</title>
  <style>
      body {
          font-family: Arial, sans-serif;
          margin: 20px;
          padding: 20px;
          border: 1px solid #ccc;
          border-radius: 5px;
      }
      h1 {
          text-align: center;
      }
      #stockInfo {
          margin-top: 20px;
      }
      .button {
          padding: 10px 15px;
          margin: 5px;
          border: none;
          border-radius: 5px;
          cursor: pointer;
      }
      .buy {
          background-color: #4CAF50;
          color: white;
      }
      .sell {
          background-color: #f44336;
          color: white;
      }
  </style>
</head>
<body>
  <h1>자동매매 프로그램</h1>
  <div>
      <label for="stockSymbol">주식 종목 입력:</label>
      <input type="text" id="stockSymbol" placeholder="예: AAPL">
      <button class="button" onclick="getStockInfo()">정보 조회</button>
  </div>
  <div id="stockInfo">
      <h2>실시간 주식 정보</h2>
      <p id="currentPrice">현재 가격: <span id="price">0</span> 원</p>
      <p id="stockVolume">거래량: <span id="volume">0</span></p>
  </div>
  <button class="button buy" onclick="buyStock()">매수</button>
  <button class="button sell" onclick="sellStock()">매도</button>

  <script>
      // 여기에 한국증권 API 호출 및 자동매매 로직을 추가하세요.
      let currentSymbol = '';

      function getStockInfo() {
          const symbol = document.getElementById('stockSymbol').value;
          currentSymbol = symbol; // 현재 종목 저장

          // API를 통해 현재 주식 정보를 가져오는 코드
          // 예시: fetch(`API_URL?symbol=${symbol}`)
          // .then(response => response.json())
          // .then(data => {
          //     document.getElementById('price').innerText = data.price;
          //     document.getElementById('volume').innerText = data.volume;
          // });
          alert(`${symbol}의 정보를 조회합니다.`); // 실제 API 호출 부분 대체
      }

      function buyStock() {
          if (!currentSymbol) {
              alert('주식 종목을 먼저 입력하세요.');
              return;
          }
          // 매수 로직을 여기에 추가하세요.
          alert(`${currentSymbol} 매수 주문이 실행되었습니다.`);
      }

      function sellStock() {
          if (!currentSymbol) {
              alert('주식 종목을 먼저 입력하세요.');
              return;
          }
          // 매도 로직을 여기에 추가하세요.
          alert(`${currentSymbol} 매도 주문이 실행되었습니다.`);
      }

      // 주식 정보를 주기적으로 업데이트
      // setInterval(updateStockInfo, 5000); // 5초마다 업데이트
  </script>
</body>
</html>

 

 

 

 

 

매매프로그램정보 html  형식으로  복사 해서 사용하시면 되여 

 

저작자표시 비영리 동일조건

'정보' 카테고리의 다른 글

연말정산계산기  (0) 2025.01.16
연말정산계산기  (0) 2025.01.15
연말정산 간소화 프로그램을 HTML 형식으로 만들어 드리겠습니다. 아래는 기본적인 구조와 주요 요소를 포함한 HTML 코드입니다:  (0) 2025.01.14
단타종목검색기를html형식  (0) 2025.01.14
건설안전기사자격요건  (0) 2025.01.13
SMALL

xml

 

연말정산 간소화 프로그램

기본 정보

소득공제 항목

 

이 HTML 코드는 연말정산 간소화 프로그램의 기본 구조를 제공합니다. 주요 특징은 다음과 같습니다: 기본 정보 입력 섹션: 성명, 주민등록번호, 총급여액을 입력할 수 있습니다. 소득공제 항목 섹션: 보험료, 의료비, 교육비, 기부금 등의 공제 항목을 입력할 수 있습니다. 간단한 스타일링: 기본적인 CSS를 사용하여 사용자 인터페이스를 개선했습니다. 제출 버튼: "계산하기" 버튼을 클릭하면 연말정산 계산을 시작합니다. 결과 표시 영역: 계산 결과를 표시할 수 있는 공간을 마련했습니다. 실제 연말정산 계산 로직은 JavaScript 부분에 추가해야 합니다. 이 예제에서는 간단한 결과 메시지만 표시하도록 되어 있습니다. 실제 사용을 위해서는 정확한 계산 공식과 최신 세법을 반영한 로직을 구현해야 합니다. 이 HTML 파일을 웹 브라우저에서 열면 기본적인 연말정산 간소화 프로그램 인터페이스를 볼 수 있습니다. 필요에 따라 추가적인 기능과 스타일을 적용하여 더욱 완성도 있는 프로그램으로 발전시킬 수 있습니다.

저작자표시 비영리 동일조건

'정보' 카테고리의 다른 글

연말정산계산기  (0) 2025.01.15
자동매매프로그램설정만들기2탄  (0) 2025.01.15
단타종목검색기를html형식  (0) 2025.01.14
건설안전기사자격요건  (0) 2025.01.13
자동매매프로그램제작과정  (0) 2025.01.13

+ Recent posts

티스토리툴바