Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <label for=chat-group>Group: </label><input type=text id=chat-group placeholder='group name' value='sinaudev'>
  <br><br>
  <label for=chat-from>chat number</label>
  <input type=text id=chat-from placeholder='from'>
  &mdash;
  <input type=text id=chat-to placeholder='to..'><br/>
  <button id=go>go!</button>
  <div class=chat-wrapper></div>
</body>
</html>
 
var chatWrapper = document.getElementsByClassName('chat-wrapper')[0]
  , goButton = document.getElementById('go')
  , groupInput = document.getElementById('chat-group')
  , fromInput = document.getElementById('chat-from')
  , toInput = document.getElementById('chat-to');
goButton.addEventListener('click', e => {
  var chatFrom = parseInt(fromInput.value)
    , chatTo = parseInt(toInput.value)
    , chatGroup = groupInput.value;
  chatWrapper.innerHTML='';
  for(var chatIndex = chatFrom; chatIndex <= chatTo; chatIndex++) {
    var embededChat = document.createElement('blockquote');
    embededChat.dataset.telegramPost = `${chatGroup}/${chatIndex}`;
    embededChat.classList.add('telegram-post');
    embededChat.dataset.width = '100%';
    chatWrapper.appendChild(embededChat); 
  }
  
  var chatScript = document.createElement('script');
  chatScript.src = 'https://telegram.org/js/telegram-widget.js';
  chatScript.setAttribute('async', '');
  chatWrapper.appendChild(chatScript);
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers