Create a custom calculator in wordpress

Assuming you only want to display the results, not save them to the server, creating a live calculator would require a little bit of Javascript code, and creating form fields for the input.

Note that by default, you cannot add Javascript to WordPress.com sites, or a self-hosted install with kses activated. You are not subject to those restrictions if you are logged in as an administrator.

Assuming you have appropriate permissions to include Javascript within a post, you could just paste something like this into the “Text” window of your post content:

X: <input id="valX" />
T: <input id="valT" />
<input type="button" value="Calculate" onclick="javascript:result.value=(5*parseInt(valX.value))+(4*parseInt(valT.value));" />
Result: <input id="result" />

Related Posts:

  1. How to include landing page with form submission?
  2. How to handle form submission?
  3. Add error message on password protected page
  4. how to set from address according to the form input email address for wp_mail()?
  5. using update_user_meta in form to set and get custom meta
  6. User registration problem in WordPress
  7. show image in mail contact form 7 [closed]
  8. Submitting post to database then redirecting to paypal
  9. Registration form labels – add asterisk
  10. How to create and retrieve data from a special registration form?
  11. Contact form 7 Dynamic text – placeholder on GET field
  12. Settings API erases itself?
  13. set_query_var doesn’t seem to work on init hook
  14. How to send multipart form data to WordPress endpoint
  15. Wp_mail Returning False on Server
  16. How to update selective options on plugin settings page
  17. Loading scripts & styles from a meta box callback function
  18. Help with verifying google recaptcha in a custom form
  19. Duplicating/Cloning Multiple Form Fields
  20. Mail Form in a modal box without plugin
  21. How am I able to get the value out of cookie array when I push a button?
  22. How to Process Form Request
  23. What is the valid phone number format accepted by contact-form-7 [closed]
  24. How to implement post/redirect/get pattern on contact form
  25. Creating a custom multilingual form
  26. wordpress not displaying my form
  27. Adding data to an array in usermeta and displaying it in a loop
  28. not logged in users can’t submit form
  29. post request does not redirect but why
  30. Create form on plugin options page that creates submenu pages for that plugin
  31. How can I create registration form for users which I can assign role and profile picture?
  32. Creating User Form Submission – Only allow them to see their own submissions
  33. Show the submitted values in the form when validation fails
  34. Using Contact Forms to Send Private Information [closed]
  35. Post submit using shortcode and init
  36. Adding a new user from the front end
  37. Contact Form 7 not sending emails- no confirmation, no error [closed]
  38. Saving frontend form data in wordpress
  39. I am trying to grab the title and put it in a paypal form select option
  40. PHP form is not sending mail if I use mime type and version in header. How to solve this? [closed]
  41. Validating custom fields before post save
  42. Form action URL unrecognized
  43. Is there a WordPress form plugin that can easily be configured for Google Analytics goals?
  44. Comparing formidable pro and gravity forms [closed]
  45. Programmatically populate form fields with data
  46. Stop SPAM from custom form
  47. How to validate my form
  48. Custom tables and using wpdb to insert into DB from a html form
  49. Send value of PHP variable in template via hidden field in a form
  50. Custom form handling in WP.. the correct way?
  51. How to use HubSpot Forms API in WordPress pages?
  52. Front end update_post_meta Help
  53. retrieve all emails as database in wordpress to view all sent emails
  54. How to stop direct HTTP POST to a PHP script?
  55. Embed IPB forums to wordpress page
  56. Unable to upload data to Media Libary
  57. Dashboard Contact Form
  58. Where this validating message come from?
  59. How can I receive uploaded attach file as a Google drive link [closed]
  60. How to add custom regex validation to WPForms password field
  61. Exporting a form to a CSV file does not work in WordPress but it does in PHP
  62. Form Post / Session Variables not Working in Query with Pagination
  63. Submit Multi-Part Form After Each Part
  64. Populate a custom form with user data [closed]
  65. Am receiving more than thousand mails in single day from ‘[email protected]’ continuously
  66. Sliding Register – Login Forms
  67. AMP and Paypal form CORS issue
  68. Caldera Forms Manual formula
  69. Form element name – array type is not working
  70. Embedding Links to WPForms on a WP Page
  71. Unexpected token admin.php
  72. display a message if get form is empty
  73. Scroll Form with page scrolling and add form on slider
  74. Reading POST over admin-ajax.php
  75. Back button not working after input / search submit
  76. I am trying to add checkbox for anonymous post on form post
  77. Adding a different domain to existing WordPress site
  78. Custom transactional emails on user signup with wp_add_user
  79. WordPress, Front-end send message to authors using plugin when their post is published
  80. why form in front-page.php redirect to blog page
  81. Sending email via function in page or setting up the action properly in another page
  82. Multiple Taxonomy post query with exclusion
  83. How do i can data from my custom form to a custom table
  84. Form Sanitization and Validation
  85. Generating unique PDF download link after user input
  86. Plugin to get a result based on form checkbox
  87. Update a string from the front-end
  88. Update post meta without deleting the old entries
  89. How to creat form with get method and receive it
  90. Passing input value into name of input
  91. How to know if a tag has been added within a taxonomy?
  92. Custom form values without plugin [closed]
  93. wp_insert_post with POST data
  94. How to add contact form instead of checkout
  95. Auto populate a Form
  96. From contact form to paypal
  97. Dynamic price for payment button
  98. Is it possible to change the error message “This is a required field” for all checkout fields? [closed]
  99. How to reproduce the post format field in a front end form?
  100. How can I add email code authentication on form submission without any wp plugin?