ruby on rails - add javascript

Question

I'm a newbie ruby on rails developer. I've just created my first application and made use of the the bootstrap carousel. Now, I want to add some javascript. My application does not have any custom javascript at this point. What I want to do is when the left or right button on the carousel is pressed, I want an alert to pop up. Preferably, I want to include my javascript file in the /assets/javascript directory. The purpose of this is to just learn how to add new javascript files in my application.

Check this out: railsapps.github.io/rails-javascript-include-external.html — Sam
– Sam, Commented Dec 6, 2015 at 5:51

sghosh968 · Accepted Answer · 2015-12-06 07:04:49Z

15

Adding your custom javascript to your rails app is real easy, just follow the steps below :-

create a file (say custom.js) under app/assets/javascripts/
Open up your manifest file i.e application.js (this is the file where you need to include every javascript file you want to load into your rails app, add the script name to it //=require custom.
Visit your rails app from browser and check the page source and search for custom.js being loaded or not thats all.

answered Dec 6, 2015 at 7:04

sghosh968

6017 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

C. Smith · Accepted Answer · 2020-05-06 19:07:46Z

5

For Rails 6

Add your javascript code under /app/javascript//file.js

and then in app/packs/application.js

require("<folder name>/file")

edited May 6, 2020 at 19:07

C. Smith

663 silver badges7 bronze badges

answered Dec 8, 2019 at 5:25

Adarsh Rao

3813 silver badges9 bronze badges

Comments

Adriaan · Accepted Answer · 2023-04-20 12:05:22Z

0

Or Just Do This

      <title>box vol</title>
     </head>
      <body>
      <form id="frm1" action="Calculate.html">
   <table width="460px" border="1px">
    <tr>
        <th colspan="2">Box Volume Calculation</th>
    </tr>
    <tr>
        <td>Width</td>
        <td>
            <input type="number" id="width" placeholder=""> 
       Millimeters</td>
    </tr>
    <tr>
        <td>Depth</td>
        <td>
            <input type="number" id="depth" placeholder=""> 
             Millimeters</td>
    </tr>
    <tr>
        <td>Height</td>
        <td>
            <input type="number" id="height" placeholder=""> 
       Millimeters</td>
    </tr>
    <tr>
        <td>Box Volume : Litres<p id="test"></p></td>
        <td>
            
        </td>
    </tr>
 </table>
 <br>
 <input type="button" onclick="Calculate()" value="calculate">
   </form>



  </body>
   </html>
      <script type="text/javascript">

      function Calculate() {
        var wide = document.getElementById("width").value;
     var deep = document.getElementById("depth").value;
  var high = document.getElementById("height").value;
var total = wide * high * deep/1000000;

document.getElementById("test").innerHTML = total;
      }


        </script>

edited Apr 20, 2023 at 12:05

Adriaan

18.2k7 gold badges47 silver badges88 bronze badges

answered Apr 7, 2023 at 9:19

Steve0

238 bronze badges

1 Comment

Adriaan Over a year ago

Please read How to Answer and edit your answer to contain an explanation as to why this code would actually solve the problem at hand. Always remember that you're not only solving the problem, but are also educating the OP and any future readers of this post.

Collectives™ on Stack Overflow

ruby on rails - add javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related