JSFiddle - React, Tailwind, and code Playground

by AdityaTripathi

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html>

  <head>
    <title>Slack Webhook</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
      function send() {
        //I have used the “WebHook URL” which I instructed above to copy and paste in a separate TextDocument.
        var url = "https://hooks.slack.com/services/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";
        // There is a message that we would get from the text input from browser.
        var jsonSendingData = {
          "username": "BHAGWAN",
          "channel": "@tripathian_1",
          "text": "tu harami hai",

          "attachments": [{
            "fallback": "Required plain-text summary of the attachment.",
            "color": "#36a64f",
            "pretext": "Optional text txhat appears above the attachment block",
            "author_name": "Bobby Tables",
            "author_link": "http://flickr.com/bobby/",
            "author_icon": "http://flickr.com/icons/bobby.jpg",
            "title": "Slack API Documentation",
            "title_link": "https://api.slack.com/",
            "text": "Optional text that appears within the attachment",
            "fields": [{
              "title": "Priority",
              "value": "High",
              "short": false
            }],
            "image_url": "http://my-website.com/path/to/image.jpg",
            "thumb_url": "http://example.com/path/to/thumb.png",
            "footer": "Slack API",
            "footer_icon":...