JSFiddle - React, Tailwind, and code Playground
HTML
<input id="message_wordcount" type="text" name="message_wordcount" value="" />
<input id="message_cost" value="" />
JavaScript
$("#message_wordcount").keyup(function() {
var p;
var wc=$("#message_wordcount").val().length;
if (wc<="1200") {
var p=50;
} else if (wc>"1200" && wc<="2500") {
var p=5;
} else if (wc>"2500" && wc<="4000") {
var p=10;
} else if (wc>"4000" && wc<="6500") {
var p=15;
} else if (wc>"6500" && wc<="8000") {
var p=20;
} else if (wc>"8000" && wc<="12000") {
var p=25;
} else if (wc>"12000" && wc<="16000") {
var p=30;
} else if (wc>"16000" && wc<="20500") {
var p=35;
} else if (wc>"20500" && wc<="22500") {
var p=40;
} else if (wc>"22500" && wc<="25500") {
var p=45;
} else if (wc>"25500" && wc<="27000") {
var p=50;
} else if (wc>"27000" && wc<="29999") {
var p=55;
} else if (wc>"29999" && wc<="33600") {
var p=60;
} else if (wc>"33600" && wc<="36100") {
var p=65;
} else if (wc>"36100" && wc<="38700") {
var p=70;
} else if (wc>"38701" && wc<="40700") {
var p=75;
} else if (wc>"40700" && wc<="42700") {
var p=80;
} else if (wc>"42700" && wc<="45000") {
var p=85;
} else if (wc>"45000" && wc<="48000") {
var p=90;
} else if (wc>"48000" && wc<="49500") {
var p=95;
} else if (wc>"49500" && wc<="52000") {
var p=100;
} else if (wc>"52000" && wc<="54500") {
var p=105;
} else if (wc>"54500" && wc<="57000") {
var p=110;
} else if (wc>"57000" && wc<="59999") {
var p=115;
} else if (wc>"59999" && wc<="63000") {
var p=120;
} else if (wc>"63000" && wc<="68000") {
var p=125;
} else if (wc>"68000" && wc<="72000") {
var p=130;
} else if (wc>"72000" && wc<="76000") {
var p=135;
} else if (wc>"76000" && wc<="79999") {
var p=140;
} else if (wc>"79999" && wc<="85999") {
var...