my page consist of the following:

1. input type text
2. button
3. paragraph

I want the user to enter the CSS code in the input field and then when He click on the button the code must be applied to the paragraph.

example:
the user entered `color:red` at the input.
he clicked the button.
the code which he entered (color:red) should be applied at the Paragraph

I made this code to do it but there is a problem in it and I, think it's about concatenation so code. Can someone help me on that?

here is my code -- js line number 10 

```js
var Inpt = document.getElementById("Inpt"),
    Par = document.getElementById("Par"),
    Btn = document.getElementById("Btn"),
    Val;

Btn.onclick = function () {
    "use strict";
    Val = Inpt.value;
    Val = Val.split(":");
    Par.style.Val[0] = Val[1];
};
```

```html
<input type="text" id="Inpt">
<button id="Btn"> Apply</button>
<p id="Par">This Is The Paragraph</p>
```