{"id":6419,"date":"2025-06-08T16:57:55","date_gmt":"2025-06-08T11:27:55","guid":{"rendered":"https:\/\/namastedev.com\/blog\/?p=6419"},"modified":"2025-08-30T11:31:17","modified_gmt":"2025-08-30T06:01:17","slug":"sum_two","status":"publish","type":"post","link":"https:\/\/namastedev.com\/blog\/sum_two\/","title":{"rendered":"Sum of Two Integers"},"content":{"rendered":"\n<!-- SUM of two numbers -->\n<!-- PrismJS for Syntax Highlighting -->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/prismjs@1.29.0\/themes\/prism-tomorrow.min.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/prismjs@1.29.0\/prism.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/prismjs@1.29.0\/plugins\/autoloader\/prism-autoloader.min.js\"><\/script>\n<style>\n.wp_blog_theme {\n  --primary: #E58C32;\n  --secondary: #f8c291;\n  --light-bg: #fef9f4;\n  --text-dark: #2d2d2d;\n  --tab-radius: 12px;\n  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  --code-bg: #001f3f;\n  --code-text: #d4f1ff;\n}\n\n.wp_blog_container {\n  font-family: 'Segoe UI', sans-serif;\n  background: var(--light-bg);\n  margin: 0;\n  padding: 0;\n  color: var(--text-dark);\n}\n\n\/* Heading *\/\n.wp_blog_main-heading {\n  text-align: center;\n  font-size: 2.4rem;\n  color: var(--primary);\n  margin-top: 2.5rem;\n  font-weight: bold;\n}\n\n\/* Explanation Card *\/\n.wp_blog_explanation,\n.wp_blog_code-tabs-container {\n  max-width: 940px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: white;\n  border-radius: var(--tab-radius);\n  box-shadow: var(--shadow);\n}\n\n\/* Text and Visuals *\/\n.wp_blog_explanation h2 {\n  font-size: 1.4rem;\n  color: var(--primary);\n  margin-bottom: 0.5rem;\n}\n.wp_blog_explanation p,\n.wp_blog_explanation li {\n  font-size: 1.05rem;\n  line-height: 1.7;\n  margin: 0.5rem 0;\n}\n.wp_blog_explanation code {\n  background: var(--code-bg);\n  color: var(--code-text);\n  padding: 3px 6px;\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n}\n.wp_blog_explanation img {\n  max-width: 100%;\n  border-radius: var(--tab-radius);\n  margin-top: 1rem;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n}\n\n\/* Tab Buttons *\/\n.wp_blog_code-tabs-header {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  margin-bottom: 1rem;\n}\n.wp_blog_code-tab-button {\n  padding: 0.6rem 1.2rem;\n  border: 1px solid var(--primary);\n  background: white;\n  color: var(--primary);\n  border-radius: 50px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n.wp_blog_code-tab-button:hover {\n  background: var(--secondary);\n}\n.wp_blog_code-tab-button.active {\n  background: var(--primary);\n  color: white;\n}\n\n\/* Code Content *\/\n.wp_blog_code-tab-content {\n  display: none;\n  background: var(--code-bg);\n  border-radius: var(--tab-radius);\n}\n.wp_blog_code-tab-content.active {\n  display: block;\n}\n.wp_blog_code-tab-content pre {\n  margin: 0;\n  padding: 1.5rem;\n  font-size: 1rem;\n  overflow-x: auto;\n  background: var(--code-bg);\n  border-radius: var(--tab-radius);\n  color: var(--code-text);\n}\n\n \/* Dark mode variables *\/\n .wp_blog_theme.dark-mode {\n    --light-bg: #121212;\n    --text-dark: #f5f5f5;\n    --shadow: 0 4px 12px rgba(255, 255, 255, 0.08);\n    --code-bg: #1e1e1e;\n    --code-text: #c5f0ff;\n  }\n\n  .wp_blog_theme.dark-mode .wp_blog_explanation {\n    background: #1e1e1e;\n  }\n\n  \/* Dark mode code highlight *\/\n  .wp_blog_theme.dark-mode .wp_blog_explanation code {\n    background: #333;\n    color: #ffd27f;\n  }\n\n  .wp_blog_theme {\n    position: relative; \/* makes it the reference for absolute children *\/\n}\n\n.wp_blog_toggle-btn {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 9999;\n    padding: 0.5rem 0.8rem;\n    border-radius: 10%;\n    background: var(--primary);\n    color: white;\n    font-weight: bold;\n    cursor: pointer;\n    border: none;\n    box-shadow: var(--shadow);\n    transition: background 0.3s, transform 0.2s;\n}\n  \n  .wp_blog_toggle-btn:hover {\n    background: #cc772e;\n  }\n\n  .wp_blog_theme.dark-mode .wp_blog_code-tabs-container {\n  background: #1e1e1e;\n  }\n\n<\/style>\n\n<div class=\"wp_blog_container wp_blog_theme\">\n  <button id=\"blogNotesThemeToggle\" class=\"wp_blog_toggle-btn\">\ud83c\udf19<\/button>\n  <h1 class=\"wp_blog_main-heading\"><\/h1>\n\n  <div class=\"wp_blog_explanation\">\n    <h2>Problem Statement:<\/h2>\n    <p>Write a Program that defines a function to calculate the sum of two integers and prints the result. Call this function by passing two integer values.<\/p>\n\n    <h2>Approach:<\/h2>\n    <ul>\n      <li>Define a function that takes two numbers as input.<\/li>\n      <li>Add the two numbers inside the function.<\/li>\n      <li>Call the function with two integers &#038; print the result.<\/li>\n    <\/ul>\n\n    <h2>Example:<\/h2>\n    <p><strong>Input:<\/strong> 5, 3<\/p>\n    <p><strong>Process:<\/strong> a + b => 5 + 3 = 8<\/p>\n    <p><strong>Output:<\/strong> 8<\/p>\n\n    <h2>Visualisation:<\/h2>\n    <img decoding=\"async\" src=\"https:\/\/namastedev.com\/blog\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-21-at-12.31.35\u202fAM.png\" alt=\"Visual representation of sum\">\n\n    <h2>Explanation:<\/h2>\n    <ul style=\"list-style: none; padding-left: 0;\">\n      <li><span style=\"color: #f39c12;\">\u25cf<\/span> <code>Sum(a, b)<\/code> is a function that takes two arguments.<\/li>\n      <li><span style=\"color: #f39c12;\">\u25cf<\/span> Adds them and stores the result in a variable named <code>add<\/code>.<\/li>\n      <li><span style=\"color: #f39c12;\">\u25cf<\/span> Prints the result.<\/li>\n      <li><span style=\"color: #f39c12;\">\u25cf<\/span> <code>Sum(a,b)<\/code> calls the function with a=5 &#038; b=3, so it prints 8.<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"wp_blog_code-tabs-container\">\n    <div class=\"wp_blog_code-tabs-header\">\n      <button class=\"wp_blog_code-tab-button active\" data-lang=\"js\">JavaScript<\/button>\n      <button class=\"wp_blog_code-tab-button\" data-lang=\"py\">Python<\/button>\n      <button class=\"wp_blog_code-tab-button\" data-lang=\"java\">Java<\/button>\n      <button class=\"wp_blog_code-tab-button\" data-lang=\"cpp\">C++<\/button>\n      <button class=\"wp_blog_code-tab-button\" data-lang=\"c\">C<\/button>\n      <button class=\"wp_blog_code-tab-button\" data-lang=\"cs\">C#<\/button>\n    <\/div>\n\n    <div class=\"wp_blog_code-tab-content active\" data-lang=\"js\">\n      <pre><code class=\"language-javascript\">\nfunction sum(a, b) {\n  let add = a + b;\n  console.log(add);\n}\nsum(5, 3);\n      <\/code><\/pre>\n    <\/div>\n\n    <div class=\"wp_blog_code-tab-content\" data-lang=\"py\">\n      <pre><code class=\"language-python\">\ndef sum(a, b):\n    add = a + b\n    print(add)\nsum(5, 3)\n      <\/code><\/pre>\n    <\/div>\n    <div class=\"wp_blog_code-tab-content\" data-lang=\"java\">\n      <pre><code class=\"language-java\">\npublic class Main {\n  public static void sum(int a, int b) {\n    int add = a + b;\n    System.out.println(add);\n  }\n  public static void main(String[] args) {\n    sum(5, 3);\n  }\n}\n      <\/code><\/pre>\n    <\/div>\n\n    <div class=\"wp_blog_code-tab-content\" data-lang=\"cpp\">\n      <pre><code class=\"language-cpp\">\n#include &lt;iostream&gt;\nusing namespace std;\nvoid sum(int a, int b) {\n  int add = a + b;\n  cout &lt;&lt; add &lt;&lt; endl;\n}\nint main() {\n  sum(5, 3);\n  return 0;\n}\n      <\/code><\/pre>\n    <\/div>\n\n    <div class=\"wp_blog_code-tab-content\" data-lang=\"c\">\n      <pre><code class=\"language-c\">\n#include &lt;stdio.h&gt;\nvoid sum(int a, int b) {\n  int add = a + b;\n  printf(\"%d\\n\", add);\n}\nint main() {\n  sum(5, 3);\n  return 0;\n}\n      <\/code><\/pre>\n    <\/div>\n\n    <div class=\"wp_blog_code-tab-content\" data-lang=\"cs\">\n      <pre><code class=\"language-csharp\">\nusing System;\nclass Program {\n  static void Sum(int a, int b) {\n    int add = a + b;\n    Console.WriteLine(add);\n  }\n  static void Main() {\n    Sum(5, 3);\n  }\n}\n      <\/code><\/pre>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const buttons = document.querySelectorAll(\".wp_blog_code-tab-button\");\n  const contents = document.querySelectorAll(\".wp_blog_code-tab-content\");\n\n  buttons.forEach((button) => {\n    button.addEventListener(\"click\", () => {\n      const lang = button.getAttribute(\"data-lang\");\n\n      buttons.forEach((btn) => btn.classList.remove(\"active\"));\n      contents.forEach((content) => content.classList.remove(\"active\"));\n\n      button.classList.add(\"active\");\n      document\n        .querySelector(`.wp_blog_code-tab-content[data-lang=\"${lang}\"]`)\n        .classList.add(\"active\");\n    });\n  });\n\n    const themeToggle = document.getElementById(\"blogNotesThemeToggle\");\n    const themeContainer = document.querySelector(\".wp_blog_theme\");\n\n    themeToggle.addEventListener(\"click\", () => {\n        themeContainer.classList.toggle(\"dark-mode\");\n        themeToggle.textContent =\n        themeContainer.classList.contains(\"dark-mode\") ? \"\u2600\ufe0f\" : \"\ud83c\udf19\";\n    });\n});\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf19 Problem Statement: Write a Program that defines a function to calculate the sum of two integers and prints the result. Call this function by passing two integer values. Approach: Define a function that takes two numbers as input. Add the two numbers inside the function. Call the function with two integers &#038; print the<\/p>\n","protected":false},"author":108,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[260,811,810,174,172,173],"tags":[],"class_list":["post-6419","post","type-post","status-publish","format-standard","category-c-c-plus-plus","category-data-structures-and-algorithms","category-dsa","category-java","category-javascript","category-python"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts\/6419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/users\/108"}],"replies":[{"embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/comments?post=6419"}],"version-history":[{"count":24,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts\/6419\/revisions"}],"predecessor-version":[{"id":9799,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts\/6419\/revisions\/9799"}],"wp:attachment":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/media?parent=6419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/categories?post=6419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/tags?post=6419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}