Skip to content
Technical Demo

Code Showcase: Examples in Python & JS

Demonstrating syntax highlighting for various programming languages.

5 min read
Code,Syntax Highlighting,Python,JavaScript,Markdown
Code Showcase: Examples in Python & JS

Introduction to Code Blocks

Markdown makes it easy to display code snippets. Using triple backticks ``` followed by the language name provides syntax highlighting, which improves readability.

Python Example

Here's a simple Python function to greet a user:

def greet(name):
  """This function greets the person passed in as a parameter."""
  print(f"Hello, {name}! Welcome to our blog.")

# Example usage:
greet("Alex")

The Python code above demonstrates:

  • Function definition (def)
  • String formatting (f-string)
  • Comments (#)

JavaScript Example

Now, let's look at a JavaScript snippet that manipulates the DOM (though it won't run directly in this static Markdown, it shows the highlighting):

function changeText(elementId, newText) {
  // Get the element by its ID
  const element = document.getElementById(elementId);

  // Check if the element exists
  if (element) {
    element.textContent = newText;
    console.log(`Text of element '${elementId}' changed to '${newText}'`);
  } else {
    console.error(`Element with ID '${elementId}' not found.`);
  }
}

// Example usage (conceptual):
// changeText("myHeading", "New Dynamic Heading!");

This JavaScript example includes:

  • Function definition
  • DOM manipulation (conceptual)
  • Conditional statements (if/else)
  • Console logging

Inline Code

You can also use inline code like const variable = "hello"; by wrapping it in single backticks. This is useful for mentioning variable names, functions, or short snippets within a sentence.

Properly highlighted code blocks are crucial for technical articles, making the content more accessible and understandable for developers.

KB

Keith Blogger

A passionate writer exploring the intersection of technology, design, and human experience. Always learning, always sharing insights from the journey.