// JavaScript Document
 var ellipsis = " ...";

    function titleFunction(){
    document.getElementById('titlechar').innerHTML = document.getElementById('title').value.length;
    if(document.getElementById('title').value != ''){
    if(document.getElementById('title').value.length <= 70){

    document.getElementById('titleout').innerHTML = document.getElementById('title').value;}
    else{
    titleSpace = document.getElementById('title').value.lastIndexOf(" ",70);
    document.getElementById('titleout').innerHTML = document.getElementById('title').value.substring(0,titleSpace).concat(ellipsis.bold());}}}

    function snippetFunction(){
    document.getElementById('snippetchar').innerHTML = document.getElementById('snippet').value.length;
    if(document.getElementById('snippet').value != ''){
    if(document.getElementById('snippet').value.length <= 156){
    document.getElementById('snippetout').innerHTML = document.getElementById('snippet').value;}
    else{
    snippetSpace = document.getElementById('snippet').value.lastIndexOf(" ",156);
    document.getElementById('snippetout').innerHTML = document.getElementById('snippet').value.substring(0,snippetSpace).concat(ellipsis.bold());}}}

    function urlFunction(){
    if(document.getElementById('url').value != ''){
    document.getElementById('urlout').innerHTML = document.getElementById('url').value;}}

    function sizeFunction(){
    if(document.getElementById('size').value != ''){
    document.getElementById('sizeout').innerHTML = document.getElementById('size').value;}}