Number input field adds numbers to state and output text responds.

unit-conversion/src/app/store.js

 import { configureStore } from '@reduxjs/toolkit';
 import unitSelectorSlice from '../features/unit-selector/unitSelectorSlice.js';
+import numberInputFieldSlice from '../features/number-input-field/numberInputFieldSlice.js';
 
 export const store = configureStore({
   reducer: {
     [unitSelectorSlice.name]: unitSelectorSlice.reducer,
+    [numberInputFieldSlice.name]: numberInputFieldSlice.reducer,
   },
 });

unit-conversion/src/features/ending-number-output/endingNumberOutput.js

 import { useSelector } from 'react-redux';
 import { selectCurrentOutputUnit } from '../unit-selector/unitSelectorSlice';
+import { selectDesiredConversionNumber } from '../number-input-field/numberInputFieldSlice';
 
 export function EndingNumberOutput() {
   const currentOutputUnit = useSelector(selectCurrentOutputUnit);
+  const unconvertedNumber = useSelector(selectDesiredConversionNumber);
+  const convertedNumber = unconvertedNumber * 100;
   return (
     <div>
-      <h1>{} {currentOutputUnit}</h1>
+      <h1>{convertedNumber} {currentOutputUnit}</h1>
     </div>
   );
 }

unit-conversion/src/features/number-input-field/numberInputField.js

-import { useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
 import { selectCurrentInputUnit } from '../unit-selector/unitSelectorSlice';
+import { setDesiredConversionNumber } from './numberInputFieldSlice';
 
 export function NumberInputField() {
   const currentInputUnit = useSelector(selectCurrentInputUnit);
   const placeHolderString = `Enter # of "${currentInputUnit}"`;
+  const dispatch = useDispatch();
+
+  function handleChange(e) {
+    const currentNumber = e.target.value;
+    dispatch(setDesiredConversionNumber(currentNumber));
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+  }
+
   return (
     <div>
+      <form onSubmit={handleSubmit}>
         <h1>Number Input Field</h1>
-      <input required type="text" placeholder={ placeHolderString }></input>
+        <input type="text" placeholder={ placeHolderString } onChange={handleChange}/>
+      </form>
     </div>
   );
 }

unit-conversion/src/features/number-input-field/numberInputFieldSlice.js

+import { createSlice } from '@reduxjs/toolkit';
+
+const numberInputFieldSlice = createSlice({
+  name: 'numberInputField',
+  initialState: {
+    numberToConvert: 0,
+  },
+  reducers: {
+    setDesiredConversionNumber: (state, action) => {
+      const numToConvert = action.payload;
+      return {
+        ...state,
+        numberToConvert: numToConvert,
+      };
+    },
+  },
+});
+export default numberInputFieldSlice;
+
+export const {
+  setDesiredConversionNumber,
+} = numberInputFieldSlice.actions;
+
+export function selectDesiredConversionNumber(state) {
+  return state.numberInputField.numberToConvert;
+}